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.
Reference example of Tern: documentation.
Search example of Tern: documentation.
A wall of testimonial cards in three columns that scroll at different speeds in opposite directions, pausing on hover, with a plain list on phones.
Default example of Testimonials 1: scrolling wall of quotes.
One large quote at a time with the person, role and a highlighted result. A row of avatars switches quotes with arrow keys; optional gentle autoplay that pauses on hover and focus.
Autoplay example of Testimonials 2: featured quote with avatar picker.
Default example of Testimonials 2: featured quote with avatar picker.
Reveals text by character, word or line with eight entrances (fade, blur, slide, scale, rotate), staggered and triggered on scroll, with the full text kept for screen readers.
By character, five entrances example of Text Animate.
Headline by word example of Text Animate.
A multi-line text field that can grow with its content between minRows and maxRows, then scroll. Plain resizable mode when autoResize is off.
Auto-resize example of Textarea.
Default example of Textarea.
Reveals a headline or paragraph word by word or character by character with a soft blur and rise, when it scrolls into view or on mount.
By character example of Text Reveal.
Headline example of Text Reveal.
A warm five-page podcast site built on a new audio player: a home with a latest-episode hero and a mini player, an episodes archive, an episode page with chapters and a transcript that follows playback, hosts and subscribe.
Episode example of The Long Table: podcast.
Episodes example of The Long Table: podcast.
Home example of The Long Table: podcast.
Hosts example of The Long Table: podcast.
Subscribe example of The Long Table: podcast.
A waiting indicator for assistants with four animations (dots, bars, wave, shimmer), labels that take turns, an optional timer and one calm announcement for screen readers.
Cycling labels with a timer example of Thinking Indicator.
Four animations example of Thinking Indicator.
A card that tilts in 3D toward the pointer with spring smoothing and a moving glare. TiltCardLayer children float at their own depth for parallax. Keyboard focus shows a gentle tilt.
Linked product card example of Tilt Card.
Membership card example of Tilt Card.
A composable sequence of milestones with current and complete states, dates, and connectors.
Overview example of Timeline.
States and variants example of Timeline.
A native time field with optional quick-pick presets and controlled or uncontrolled state.
Overview example of Time Picker.
States and variants example of Time Picker.
Stacked toasts on Sonner styled with theme tokens: status icons, actions, promises, swipe to dismiss, pause on hover and focus, and screen-reader announcements.
Action and warning example of Toast.
A token-based notification stack with dismissal, optional actions, and pause-on-interaction timing.
Overview example of Toast Stack.
States and variants example of Toast Stack.
Toast types example of Toast.
A compact two-state action with distinct pressed styling, visible keyboard focus, and outline or filled variants.
A compact roving-focus selection group for one or several pressed options, with clear states and mobile-friendly sizing.
Multiple filters example of Toggle Group.
View density example of Toggle Group.
Pin a workspace example of Toggle.
Sizes and states example of Toggle.
A context-window meter that stacks system, history and attachments against the limit with a reserved reply area, plus a composer pill that opens the same view in a popover.
Breakdown with warning example of Token Meter.