Catalog
Every one accessible, themeable, and installed as source you own. Play with a card’s preview; open it to customise and install.
26 components
Questions that spring open to their answers — reversible mid-way — with a hover highlight that glides between titles and a plus that folds into a minus (or a chevron). Single or multiple open, two looks.
Navigation
A text field whose label floats out of the way, with examples that take turns while it's empty, an error that shakes once, a tick for a valid value and sent text that drifts away.
Forms
Tabs with an indicator that springs to the selected tab, a hover highlight that follows the pointer, and panels that slide in from the side you're heading to while the height eases to fit. Pill or underline.
Navigation
Overlapping avatars that spread on hover, with a name tooltip that swings with the pointer, status dots and a +N list of everyone else. Photos or initials.
Data
Text that comes into focus word by word or letter by letter, then brings out the words you choose: they take the accent colour while a line draws beneath them. Screen readers get the sentence once.
Text & Motion
Copies text to the clipboard: the icon morphs into a tick (or a cross that shakes if it failed) and a visible label reads "Copied". Announces the result and falls back where the Clipboard API is missing.
Actions
A macOS-style dock: icons swell up to 2× under the pointer or keyboard focus, labels spring in, and apps hop when launched.
Navigation
Ink that flows like a real fluid behind your content: stir it with the pointer, press to burst colour, and watch it curl and fade. A WebGL fluid simulation in your theme colours, with no libraries.
Backgrounds
A call-to-action button with a tasteful gradient: neighbouring hues, a light that follows the pointer and a sheen that passes now and then. The outline style is quiet until a beam of light runs round its border.
Actions
A landing-page hero: a large headline that comes into focus, a magnetic call to action, customer marks and a live product shot with a self-drawing chart, a visiting cursor and floating cards.
Marketing blocks
A button with a gentle magnetic field: it leans toward the pointer as you come near, a few pixels at most, its label following a little further for depth, and settles back without a wobble.
Actions
Content that loops past across or up and down with no gaps, at a steady speed, with soft faded edges. Pauses on hover and keyboard focus.
Text & Motion
A number whose digits roll into place like an odometer: each column turns on its own, new places slide in and separators make room. Currency, percent, compact and every locale.
Data
A one-time-code field drawn as boxes, built on a single real input: the focus ring glides box to box, a wrong code shakes, a right one lights up in a wave. Paste, SMS autofill, PIN masking and screen readers just work.
Forms
One plan in a pricing table, set large: a price that rolls when billing changes, a highlighted plan on a dark surface lit by your accent, and features read as included or not.
Cards
A circular progress indicator whose gradient follows the arc, with a shadowed cap at the tip as it closes. Arc and number move together; indeterminate spin, a tick when full, stack several for activity rings.
Data
Stars that light up in a wave as you hover; the one you choose pops and throws off sparks. Optional words per value, and a read-only mode with partly filled stars for scores like 4.6.
Forms
A row of choices with a thumb that springs to the selected one — drag it like iOS, and the selected text colour is clipped to the thumb as it glides. A real radio group that submits with forms.
Forms
Text with a band of light that sweeps across it, sized to the text so short labels and long headings move at the same pace. Settles to plain text when the work is done. Pure CSS, renders on the server.
Text & Motion
A range slider on the native input: pull past either end and the track stretches like rubber, then springs back. Value bubble, labelled marks, end icons and formatted values for screen readers.
Forms
A card lit by a soft light that glides after the pointer, with a lit edge and an optional texture that shows only under the light. Group several and the light carries across their borders. Keyboard focus lights it too.
Cards
An on/off switch with a springy thumb you can also drag, like iOS. Loading state, optional check/cross icons, label, description and form support built in.
Forms
A card that tilts in 3D toward the pointer and lifts, with parallax layers at their own depth, a shadow that falls away from the raised edge and a soft sheen.
Cards
A vertical run of events — changelog, roadmap or order progress — with a beam of light that draws down the line as you scroll and lights each event as it passes. Dates can take a sticky column of their own.
Data
Questions
Revenue
$48,210
+12.4% this month
Active users
3,942
+8.1% this month
Conversion
4.7%
+0.6 pts
Avg. session
6m 12s
+41s