52 copy-paste items in this section.
Press and hold to confirm. A fill sweeps across while held, letting go early snaps it back.
A switch whose knob squishes and overshoots when you flip it.
iOS-style segmented control with a thumb that slides to the selected option.
A tooltip that trails the pointer with a soft lag, and settles in a fixed spot for keyboard focus.
A numeric input you drag sideways to change, like the fields in design tools. Typing and arrow keys still work.
A card that flips in 3D to reveal its back on hover, focus or click. Crossfades with reduced motion.
Stacked notifications that slide in, pause on hover and dismiss by button, swipe or timeout.
A compact loading indicator of dots or bars pulsing in a diagonal wave.
“Warm light, zero glare. My desk finally feels calm.”
Interactive star rating with hover preview, half steps and keyboard control.
Right-click a file for actions
A right-click and long-press menu that opens at the pointer and flips at the edges. It has icons, shortcuts, a submenu, a danger item and full keyboard control.
A mechanical I/O rocker that tilts in perspective, presses deeper under the pointer and lights a flickering status LED. Press the side you want, like the real thing.
9:41
Saturday, November 8
A lock-screen slider with shimmering text and a padlock whose shackle lifts as you drag. Short drags spring back; past the end it unlocks, opens the shackle and floods the track.
Table at Osteria Lume
Fri, Nov 14 · 8:30 PM
A stepper whose value pill works like a spring joystick: pull it left or right and it counts, faster the farther you pull, then snaps back. Hitting a limit bumps the number and buzzes on phones.
Now playing
Low Tide Signals
Harbor Lights · 3:42
A knurled hardware knob inside a 270 degree ring of LED segments. Drag up or down to turn it, hold Shift for fine control, scroll while focused, and double click to mute.
Maya Rios
Shipped the new onboarding flow today.
Hover or press and hold to open a tray of drawn reactions that magnify like a dock as you slide across them. Release on one to pick it and it pops into the button.
Install the effect
One command adds the file to your project.
A command chip that copies on click. A ghost of the text lifts off and flies into the clipboard icon, which gulps it, turns into a drawn check and sweeps a light across the chip.
Welcome back
A password field whose eye button watches your pointer and caret, blinks open to reveal, and flips each character between dot and letter in a wave. It also warns when Caps Lock is on.
Appearance
Click or drag the sun across the sky.
A dark mode switch drawn as a tiny landscape: the sun sets behind the hills through a dusk sky while the moon and stars rise. Drag across it to scrub the time of day; release snaps to day or night.
Deploy #482 finished in 41s
Drag the bell sideways to swing it.
A notification bell that swings on a damped pendulum with a lagging clapper every time the count goes up. Drag it sideways to swing it by hand. The badge digits roll like an odometer.
Ceramic pour-over
Sand glaze · $38
An add to bag button that stretches into a quantity capsule on the first tap. Digits slide in the direction you count, a +1 floats off the plus, and at one the minus turns into a trash can that folds it back.
How was your stay?
Casa Verde, Lisbon · 3 nights
A rating that previews half stars under the pointer and commits with a fill sweep from left to right, a springy pop and a burst of sparks from the chosen star. A rolling caption names the score.
Brand assets
A task pill with a striped liquid fill, a wavy leading edge and rolling percent digits. Tap to pause and it squishes and greys out; at 100 it contracts into a green done chip with a drawn check.
Delivery
A radio group whose selected dot squashes and stretches like jelly when it is chosen, while the label slides over. Arrow keys work out of the box.
Repotting / 2 of 3
A checkbox whose box springs past its size when checked while the tick draws itself and bounces in. Supports a label and an indeterminate state.
Deploy #482
A small status indicator whose outline morphs between a circle, a triangle and a rounded square as it changes between idle, loading, success, warning and error.
Monstera, living room
Watered 4 days ago
A cream tooltip with a soft amber glow that springs out of its trigger with a small arrow wobble. Opens after a delay on hover and at once on keyboard focus.
A tree menu whose submenus branch out with connector lines that draw in one after another. Arrow keys, Enter and Escape work at every level.
Check your inbox
We sent a 6 digit code to ada@fernhill.example
A code or PIN display where every character is a vertical reel that spins and settles on its value, with a short glow when each reel locks. Changing the value replays it.
Deploy region
A custom select whose highlight glides between options on a spring and whose arrow rotates open. Supports arrow keys, Home, End, Enter, Escape and type-ahead.
northwind-docs
214 files, 3 live deploys
A press-and-slide control for destructive actions. The track turns from neutral to danger as the handle moves and locks with a pop when it reaches the end. Hold Enter does the same from the keyboard.
Screen brightness
Auto off
A slider whose track bends toward the pointer like a rubber band while you drag and springs back on release. The thumb rides the curve with a value bubble above it. Arrow keys, Page keys, Home and End also work.
Ready to go out?
Pull the band back, then let go.
Drag the button back against a stretching band and let go. It slings forward, overshoots and settles on a spring.
Join the waitlist
We open the doors to 200 studios every Monday.
A text field with a glowing dot that slips away from the pointer on a spring and tucks into the corner on focus. The input underneath is a plain accessible input.
Priya Raman
Signed the vendor agreement
Tomas Berg
Can we move standup to 10?
Conversation archived
Swipe it away, or undo
A toast you flick sideways to dismiss. It resists with a rubber band, flies off past a threshold and carries an undo chip. Escape and the arrow keys dismiss it too.
Maya Okonkwo
Re: Lighting specs for the studio build
Jonas Eklund
Invoice 2041 is ready to review
A list row that reveals Archive on a swipe right and Delete on a swipe left. It snaps open or closed with momentum, and the arrow keys reveal the same actions.
Airplane mode
off
Wi-Fi
connected
Bluetooth
A switch whose knob behaves like jelly. It squashes under the press, stretches in the direction of travel and wobbles into place, and it also follows a drag or a flick.
Night Drive
Aria Vale / Neon Static
A slider whose thumb drags a stretching wake of liquid behind it and sends out ripples where it comes to rest. Arrow keys, Home, End and Page keys all work.
Revenue
$48,210
A segmented control whose selection pill stretches like rubber toward the new option, leading with one edge and letting the other catch up. Dragging across segments works too.
Lemon tagliatelle
35 min / serves 2
A heart toggle that beats twice in a loop while hovered or focused and fills with a burst of rings and sparks when pressed.
Deploy alerts
Ping me when a build fails or a rollback starts.
A notifications bell that swings on a decaying spring with a lagging clapper. Turning it on rings it and pops a badge dot; turning it off settles it quietly.
Thermostat
Living room
Flick the dial.It clicks into place.
A rotary dial you flick. It spins with inertia, clicks into detents while the readout snaps to each one, and a comet tail follows the pointer around the rim.
Dark theme is on
Good evening
A sun and moon switch. The thumb morphs between a rayed sun and a crescent while clouds drift out and stars twinkle in.
Watering reminders
Every morning at 8:00
Weekly digest
Care tips on Sundays
Share growth photos
Visible to club members
A pill toggle whose thumb stretches like liquid as it travels, built from two blobs merged by an SVG gooey filter.
Export fields
A checkbox that pops, fills and draws its check with a stroke. It also supports an indeterminate dash for select-all patterns.
Selectable cards backed by native radios. A highlight slides to the chosen card and the radio dot springs in. Arrow keys move the selection.
Get early access
Add a full domain, like fernhill.co
A text field whose label floats up on focus or when filled, with an animated focus line and error and success states.
A password field with a show and hide button, a four segment strength bar and a checklist of rules that tick as they are met.
Topics you follow
Press Enter or comma to add one
A tag field. Enter or comma adds a chip, Backspace removes the last one, and chips scale in and out. Supports a maximum count.
Price per night
A two thumb range slider with a filled track, value bubbles, a minimum gap, pointer dragging and full keyboard control.
Boston fern in clay
6 inch pot, ships Tuesday
Subtotal
$68
A quantity stepper with plus and minus buttons, digits that roll like an odometer and hold to repeat with acceleration.
A searchable select. Type to filter with highlighted matches, move with the arrow keys, group options and close with Escape.
We sent a 6-digit code to ada@fernhill.co
Code expires in 09:42
A compact one line code field built on a single real input, with a blinking caret, pop-in characters and full paste support.
