Copy-and-own React components for Tailwind CSS 3 and 4: forms, overlays, site chrome, motion, animated text and backgrounds.
Film grain over a surface, from a tile of SVG noise, with an optional stepped jitter.
The opening section of a landing page with an eyebrow, a title, a description, actions and an optional media slot.
A marker that slides in behind a phrase, or a hand-drawn line drawn under it.
A preview card that appears while a link is hovered or focused, for supplementary content.
A second layer seen through a soft circle that follows the pointer.
Single-line text control. Its error state comes from aria-invalid, so any form library can drive it.
An input with icons, text or buttons attached on either side.
One-time code input drawn as separate slots, with paste and autofill support.
A key or key combination shown as a small keycap, alone or in a group.
Accessible name for a form control.
Soft beams of light falling from above, from a small WebGL2 shader.
One series as a line, with a cursor that snaps to points; a slider for keyboards and screen readers.
A centred sign-in card with email and password fields, a remember-me checkbox, optional sign-in providers and pending, success and error states.
Customer or partner logos in a grid or a scrolling marquee under a small title.
Pulls its content toward the mouse while hovered and springs it back on leave.
Content scrolling in a seamless loop, pausing on focus and off screen, and draggable by the pointer.
Site navigation with links and triggers that open panels of links in a shared, animated viewport.
A navigation link that marks the current page with aria-current and data-active. Supports asChild for router links.
A compact sign-up band with an inline email form that reports pending, success and error states.
A 404 page section with a large decorative error code, a page heading, a description, an optional search slot and actions.
Number field with decrement and increment buttons, min, max and step, following the spinbutton keyboard pattern.
A number that counts up to its value when it comes into view, formatted for the locale.
Page links with previous and next, an ellipsis, and a helper that works out which page numbers to show.
Drifts content at a different speed from the page as it scrolls past, with CSS scroll-driven animations and no JavaScript.
Dots drifting slowly across a surface, laid out from a seed and moved with CSS alone.
Password field with a button that shows what was typed.
A beam of light travelling along the paths of a flow diagram, one after another, on view, with the scroll or from your own progress.
A generic phone drawn in CSS around a screenshot or any content, with an island, a notch or no cut-out, that scales with its width.
Floating panel anchored to a trigger, with header, title and description parts.
A full-screen cover that counts to 100 on first load, waits for your content to be ready, then fades out.
A pricing section with plan cards, a featured plan and an optional monthly or yearly billing switch.
A progress bar for tasks with a known amount, or an indeterminate one when the amount is unknown.
A crisp SVG QR code in dots, rounded or square modules. Renders on the server, and can draw itself in.
A set of options where exactly one can be selected.
Stars for giving a score as a radio group, or for showing one read-only with fractional fills.
Panels resized by dragging or with the keyboard, side by side or stacked.
Fades and moves content into place when it scrolls into view, alone or staggered in a group. Visible without JavaScript.
Characters that roll up to a copy of themselves on hover or keyboard focus.
Text that decodes itself: noise sweeps across, then each character locks in.
A scrolling box with thin themed scrollbars that keeps native scrolling.
A background that blends from one colour to the next as you scroll, with CSS scroll-driven animations and no JavaScript.
A reading progress bar that fills as the page scrolls, with CSS scroll-driven animations and no JavaScript.
A scrollytelling scene: a stage pinned beside steps, crossfading to the slide of the step on screen, with a 0 to 1 scroll progress variable for scrubbing.
A switch between two or more options with one thumb that slides to the active one, in three sizes. Never empty.
Pick one option from a list, with groups, labels and separators.
Horizontal or vertical divider.
An account settings page with tabs for a profile form, a password change and delete-account dialog, and notification switches.
Dialog that slides in from any edge of the screen, for menus, filters and side panels.