Accessible React and Tailwind v4 components, blocks and templates with native-app motion, built-in keyboard, RTL and translation support, and an MCP server for AI agents.
Numbered steps on the left; as each scrolls into view, a sticky panel on the right crossfades to its picture. On phones every step carries its own picture.
Custom steps example of Features 5: scrolling product tour.
Default example of Features 5: scrolling product tour.
Pill tabs with a sliding indicator switch between feature panels: heading, checked points and link beside a product picture. Tabs scroll sideways on phones.
Default example of Features 6: tabbed showcase.
Two tabs example of Features 6: tabbed showcase.
A feature picker for menu bar apps: choose a feature and a miniature desktop shows the app's panel hanging from its menu bar icon, with quick capture, clipboard history, a focus timer and shortcuts drawn from tokens.
Default example of Features 7: menu bar app tour.
Two features example of Features 7: menu bar app tour.
A feedback pill that opens a popover with five face ratings as a radio group, optional topic chips and a comment box, then a thank-you confirmation.
Floating widget example of Feedback Widget.
Helpful page, required comment example of Feedback Widget.
Form field layout with label, description and error that wire their ids to the control automatically, plus fieldset, legend, orientation and invalid/disabled state.
Invite form example of Field.
Switch rows example of Field.
A file manager for apps: breadcrumb folders, search, sortable columns, row checkboxes with select-all, a bulk-action bar, list and grid views and full keyboard control.
Grid view example of File Browser.
Project files example of File Browser.
Drop files or browse with native file selection, type and size validation, removable file rows, and live errors.
Overview example of File Dropzone.
States and variants example of File Dropzone.
A folder and file explorer with semantic tree navigation and file-type icons.
Overview example of File Tree.
States and variants example of File Tree.
A working mini Finder: sidebar shortcuts, back and forward history, icon and list views, search, click, shift and command selection, keyboard navigation and a path bar, on a macOS window.
Home folder example of Finder Window.
List view example of Finder Window.
A canvas grid of small squares that flicker at random brightness, like a busy status board. Pixel-snapped, token-colored, DPR aware, pauses off-screen, static under reduced motion.
Accent card example of Flickering Grid.
Section background example of Flickering Grid.
A pill-shaped navigation that floats over the page, with an indicator that glides between items on a spring and optional hide-on-scroll.
Bottom bar example of Floating Nav.
Top bar that hides example of Floating Nav.
A bold five-page portfolio: a huge intro with inline colour pills, a work grid that reveals each result on hover and focus, an about bento, a case study with a sticky fact sheet and contents list, writing and a uses page.
Case study example of Folio: designer portfolio.
Home example of Folio: designer portfolio.
Uses example of Folio: designer portfolio.
Work example of Folio: designer portfolio.
Writing example of Folio: designer portfolio.
Site footer with brand and tagline, an optional newsletter form, up to four link columns and a legal bar.
Default example of Footer 1: columns with newsletter.
Brand, tagline and a live status pill beside three link columns, a legal bar with icon links, and an oversized wordmark that sinks into a fading gradient along the bottom.
Default example of Footer 2: giant wordmark.
Long brand name example of Footer 2: giant wordmark.
A deep green brand colour with slightly green greys and medium corners.
The whole password-recovery flow in one card: request a link, check-your-email with a resend countdown, choose a new password with confirmation and strength, and a success screen. Focus moves to each new heading.
Choose a new password example of Forgot Password 1: request, resend and reset.
Request a link example of Forgot Password 1: request, resend and reset.