Animated React and Tailwind components in 14 design styles, from glassmorphism and aurora to kinetic type and dither, each with an AI prompt. 161 are free with source at github.com/viberdy-dev/ui; Pro items need an API key.
A tour date as a notched, perforated ticket whose stub carries the date in chrome numerals on a strip of holographic foil; it tilts toward the pointer while the foil's colour slides and a glare follows.
A footer whose giant wordmark is lit from below by a horizon that is also a signal: a latency trace lit where the pointer is, with a request pulse that runs it every few seconds and lights the letters as it passes.
A booking form in hi-vis: underlined fields that light orange, chip choices that fill solid, inline errors that name the fix, and a sent state that replays the request.
Opening hours set as a poster — days hanging off the edge, closed rows struck through, today banded in the one accent — with an open/closed line on the shop's clock.
A before/after reveal with a glass grip on a spring-driven divider: press anywhere to glide it there, drag without a jump, use the arrow keys, or turn on hover mode. Corner labels fade as the divider reaches them, it splits left/right or top/bottom, and with no images it draws its own night-to-day lake scene. No dependencies.
A numbered nav whose third item hangs one gutter below the bar on a contrasting plate by the rule, the bar's hairline dipping under it, and a tag that steps to the current item, or the one you point at, in four ticks.
A star rating input with half-step precision: drag or tap across the stars, hover to preview, and a chosen rating pops in a wave with a burst of sparks and a changing word label. Radio-group keyboard support, a fractional read-only mode, controlled or not. No dependencies.
A dependency-free kanban board: lift a card and a lifted copy follows your pointer while the columns light up as drop targets and the cards glide out of the way on a spring. Count badges roll, touch scrolls sideways with snap, and a full keyboard path moves cards between columns.
A button machined like a keycap: a press drops the cap 6px as its skirt collapses, release springs it back past rest, a specular follows the pointer and a copper status light glows while it's held.
A real text input whose typed words hang above the field and cast a soft shadow on its lit shelf; focus lifts them higher and submitting lands them.
A dark glass nav bar whose link labels hang in the air above a lit shelf, each over its own soft shadow; the link you point at, and the one for the section in view, lands.
A card that lifts toward the pointer with shadows that behave like light: a two-degree tilt, an ambient shadow that widens and drifts away from the side that rose, a contact line that thins, and a plate of light at a colour temperature.
An index list of links that floats a mini rendering of each destination beside the pointer: spring-lagged, leaning with sweep speed, shown on keyboard focus and on a touch long-press.
A soft blurred blob that trails the cursor with spring-smoothed lag.
A pill of liquid glass that bends what is behind it: real refraction at the rim, a rim and sheen lit by your pointer, and a gel-like press.
A toggle whose knob swells into a clear glass lens while you hold or drag it, magnifying the track beneath, then springs home solid.
A button that is pulled toward the pointer across a field around it: the whole body drifts, the label trails on a softer spring, a specular light and edge glint follow the cursor, it squashes on press and springs back. No dependencies.
A macOS-style dock where tiles swell on a smooth falloff around the pointer and push their neighbours aside. Crafted SVG app tiles, a label that glides between them, a sheen that follows the cursor, bounce on click and full keyboard support. No dependencies.
A felt-tip highlighter stroke with a ragged edge that draws itself behind a phrase when it scrolls into view.
An endless strip of words or logos you can grab: it glides to a stop under the pointer, drags with momentum, leans into fast movement and fades out at both edges.
A CSS-columns masonry gallery with a scale + caption reveal on hover.
A floating nav whose current-link indicator is a capsule of mercury on two springs: it stretches thin as it pours to the next link, snaps back round, reaches toward the link you hover, and turns the labels it covers dark.
A menu button whose three bars morph on springs into a close X, a back arrow or a minus, with a lit pill, press squash and a live panel in the demo. Inherits currentColor, controlled or uncontrolled, no dependencies.
A Dynamic-Island-style status pill with no dependencies: it measures its own content, springs to size, and fuses a stiff and a soft body through a goo filter so the silhouette stretches like liquid. Content crossfades between states, with room for live controls like call buttons and a waveform.
A name field that sets your name on a pass as you type: each new letter lands loud in the accent and springs into place, a deleted one collapses to a hairline, and the name stays flush across the badge.
A mechanical odometer: every digit is a drum that spins, blurs and glows as it rolls, then settles with a detent bounce. Counts up once in view, rolls up or down when the number changes, and slides columns and thousands separators in as it grows. No dependencies.
A neo-brutalist card on a hard shadow: it lifts 2px on hover and lands on the shadow when pressed. A flat drawn motif or a photo, a punched price tag, a sticker badge, 3px ink throughout.
A button whose label plate hangs off its hairline target along the grid's axis, reaches further and lights its bracket on hover or focus, and seats into the target in 120ms when you press it.
A dark pill whose border carries one light: it laps the outline slowly, glides to the nearest point of the border under the pointer and lights the surface from there, and a press sends a ring outward.
A one-time-code field whose cells survive SMS autofill, paste and Android backspace.
An nprogress-style top-of-page bar that eases toward completion, never stalling.
A marker that rides an SVG curve on scroll, banking through the bends.
A card lit from the pointer: a bright arc of light on the hairline border, a softer wash across the surface, a two-degree tilt toward the pointer and a little counter-parallax on the content.
A depth system where layers separate under the pointer from one shared motion source.
A canvas dot grid that bulges and brightens away from the cursor.
A heading that starts as an empty mould and fills with liquid chrome as it scrolls into view, its surface a meniscus with a hot line of light that sloshes with scroll speed and settles.
A monthly/yearly billing switch with a springy, draggable thumb and a savings badge. Prices roll digit by digit like an odometer, and an optional plans prop turns it into a three-card pricing table with a border beam on the recommended plan. No dependencies.
A background of 80-column punch cards whose holes spell real text in Hollerith code. Holes are punched in column by column on arrival; point at a column to decode it.
A neo-brutalist button on a hard 5px shadow: hover lifts it 2px, a press lands it exactly on its shadow. 3px ink everywhere, 100ms linear, no blur.
A Material-style ripple from the exact press point that grows to the farthest corner, holds while you hold and fades on release. A button, plus a wrapper for any card or list row. No dependencies.
A headline whose key word swaps through a list: letters roll up and out with a blur, the next word rolls in letter by letter, the line closes smoothly around each width, and every word gets its own accent. A hairline timer shows the cycle, hover or focus holds it, a tap skips ahead.
The kit's rule for any list: items become plates on the lattice and every third breaks; filter, sort or add and everything moves from where it was in 380ms while the break passes to whichever item is now third.
A pill button that turns to sand when pressed: it erodes from its windward edge, the grains blow off downwind, and it rebuilds itself out of sand as its answer.
A decoding headline: every character resolves left to right out of random glyphs inside a fixed cell, so the line never changes width. Runs on hover, focus, tap or when it scrolls into view, with a glowing decode head and a lock flash.
A pile of cards that fans out symmetrically as its section crosses the viewport.
An image whose circular clip-path mask grows and shrinks in lockstep with scroll.
A plate that opens exactly with the scroll: its rounded frame widens from a fifth in on each side to full while the picture inside eases the other way so it seems to stay still, bound with no easing, with a hairline that fills.
A media scrubber with buffered range, hover timestamp and pointer-capture dragging.