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.
Landing page with tabs example of Browser Frame.
Natural size example of Browser Frame.
A button with six variants, three sizes, a pill shape and a built-in loading state. buttonVariants() styles links the same way.
Default example of Button.
Join adjacent actions into one compact control surface while retaining each button's visible keyboard focus and accessible name.
Document actions example of Button Group.
Orientations example of Button Group.
Loading example of Button.
Variants example of Button.
A date grid for one day, several days or a range, with month and year selects, week numbers, disabled rules and range-end styling, on React DayPicker.
A week calendar: a time grid with overlapping events placed side by side, an all-day row, a now line, a mini month and calendar toggles, event popovers and a new-event dialog. One day at a time on phones.
Default example of Calendar 1: week view with mini month.
Work hours, your calendars example of Calendar 1: week view with mini month.
A day agenda with native date entry, adjacent-day controls, and accessible event times.
Overview example of Calendar Agenda.
States and variants example of Calendar Agenda.
Date range example of Calendar.
Dropdowns and multiple example of Calendar.
An editorial guidance panel with a clear kind label, icon, title, and optional action.
Overview example of Callout.
States and variants example of Callout.
A composable content surface with compact spacing, an action slot, and optional interactive feedback.
Overview example of Card.
States and variants example of Card.
Open roles grouped by team with team filter chips, live search and an empty state, then a hairline grid of perks. Every role row is one large link with location and type.
A few roles example of Careers 1: open roles with filters and perks.
Default example of Careers 1: open roles with filters and perks.
A swipeable, keyboard-operable carousel on Embla with slide labels, dot pagination, vertical mode, loop, and autoplay that pauses on hover, focus and reduced motion.
Multiple and vertical example of Carousel.
Product highlights example of Carousel.
A release-notes page: a sticky version and date beside each release card, optional banner art for headline releases, typed changes with filters and counts, and a show-older button.
Default example of Changelog 1: release notes timeline.
Minimal example of Changelog 1: release notes timeline.
A release-notes feed with a sticky date and version column, change-type labels, optional media, filter chips with counts and show-more for long releases.
Release notes example of Changelog Feed.
Single release with media example of Changelog Feed.
Theme-aware chart wrapper for Recharts with token colors, a styled tooltip and legend, a named figure with a screen-reader summary, and keyboard navigation.
Donut example of Chart.
Grouped bars example of Chart.
Revenue area chart example of Chart.
File chips and image tiles for composers and messages, with type detection, sizes, upload progress, failed-upload retry, remove and open actions, and animated list changes.
Chips with upload states example of Chat Attachment.
Image tiles example of Chat Attachment.
A Radix checkbox with checked and indeterminate (mixed) states, a check or minus icon, focus ring and invalid styling, for forms and select-all lists.
Default example of Checkbox.
Select all example of Checkbox.
Concentric progress rings or a 270 degree gauge in theme colors with animated fills, a legend with values and a center slot, for goals, quotas and activity summaries.
Activity rings example of Circular Progress.