Curated archive of 30 design references, UI interactions, and animations published by Florian on X.
Introducing the WebGL component skill Fully free, helping agents ke... - Florian
Introducing the WebGL component skill Fully free, helping agents keep accessibility and performance in mind. Shaders, Liquid Glass, you name it. npx skills add flornkm/skills
@flornkmWorking on a new skill to easily create WebGL components. Used it t... - Florian
Working on a new skill to easily create WebGL components. Used it to recreate Apple's new preview icon on the web:
@flornkmSwitches feel better when they stretch on press - Florian
Switches feel better when they stretch on press
@flornkmA Tailwind CSS plugin builder with an interactive preview tool for... - Florian
A Tailwind CSS plugin builder with an interactive preview tool for generating smooth, layered box shadows with optional colored rings and configurable sizes.
@flornkmFinder, but it's a sticker book - Florian
Finder, but it's a sticker book
@flornkmWhat if iMessage fixes your typos after you sent them? - Florian
What if iMessage fixes your typos after you sent them?
@flornkmWhat's easy in Figma shouldn't be hard in production - Florian
What's easy in Figma shouldn't be hard in production
@flornkmWhat if your UI had physical mass? - Florian
What if your UI had physical mass?
@flornkmcursor-grab / cursor-grabbing so elements feel draggable - Florian
cursor-grab / cursor-grabbing so elements feel draggable
@flornkmThis avatar upload interaction with automatic background removal re... - Florian
This avatar upload interaction with automatic background removal remains one of my favorites
@flornkmIntroducing the dither plugin A CSS-only package to create dither e... - Florian
Introducing the dither plugin A CSS-only package to create dither effects
@flornkmExploring how subheadings highlight in a Table of Contents - Florian
Exploring how subheadings highlight in a Table of Contents
@flornkmTracking visited countries in threejs - Florian
Tracking visited countries in threejs
@flornkmExpandable menu - Florian
Expandable menu
@flornkmOverengineered my tooltips - Florian
Overengineered my tooltips
@flornkmScrollable blog article stack - Florian
Scrollable blog article stack
@flornkmIn love with building drag-and-drop interactions that feel seamless - Florian
In love with building drag-and-drop interactions that feel seamless
@flornkmIf you use icons in your mobile app navigation, animate them - Florian
If you use icons in your mobile app navigation, animate them
@flornkmAuto-shrinking product details - Florian
Auto-shrinking product details
@flornkmAdding blur (4px) makes fade animations more soft - Florian
Adding blur (4px) makes fade animations more soft
@flornkmSwift and Rive is the perfect combo - Florian
Swift and Rive is the perfect combo
@flornkmI love details - Florian
I love details
@flornkmFAQ with previews on hover - Florian
FAQ with previews on hover
@flornkmCooking reminder - Florian
Cooking reminder
@flornkmDon't forget to put a gradient mask around your sliders to make the... - Florian
Don't forget to put a gradient mask around your sliders to make them appear smoothly
@flornkmHolographic Pricing Card - Florian
Holographic Pricing Card
@flornkmiOS Tooltip made with CSS - Florian
iOS Tooltip made with CSS
@flornkmRedesigned Tooltips for my new personal site - Florian
Redesigned Tooltips for my new personal site
@flornkmDynamic Navigation border-length based on scroll - Florian
Dynamic Navigation border-length based on scroll
@flornkmMarch was a great month - Florian
March was a great month
@flornkm