Accessible React and Tailwind CSS v4 components, blocks, templates, charts and themes for shadcn/ui, with keyboard, screen reader, reduced motion and dark mode support on every item, and an MCP server for AI coding agents.
Select component in an invalid state, built from the select component.
Select component with a large list of options, built from the select component.
Select component with small trigger size, built from the select component.
Example of Select.
An inset-grouped settings screen with account, switch and navigation rows, a destructive sign-out row and footer help text. Use this when you build a settings or account screen on a phone with a mix of toggles, values and links.
A bottom action sheet for one item's actions on a phone with large rows, destructive actions styled, disabled ones kept visible and Cancel always present.
Example of Sheet.
The phone navigation menu: a labelled hamburger button opens a left sheet with the site links, marks the current page and closes with focus returned on navigate.
A simple sidebar with navigation grouped by section.
Example of Sidebar 01.
A sidebar with collapsible sections.
Example of Sidebar 02.
A sidebar with submenus.
Example of Sidebar 03.
A floating sidebar with submenus.
Example of Sidebar 04.
A sidebar with collapsible submenus.
Example of Sidebar 05.
A sidebar with submenus as dropdowns.
Example of Sidebar 06.
A sidebar that collapses to icons.
Example of Sidebar 07.
An inset sidebar with secondary navigation.
Example of Sidebar 08.
Collapsible nested sidebars.
Example of Sidebar 09.
A sidebar in a popover.
Example of Sidebar 10.
A sidebar with a collapsible file tree.
Example of Sidebar 11.
A sidebar with a calendar.
Example of Sidebar 12.
A sidebar in a dialog.
Example of Sidebar 13.
A sidebar on the right.
Example of Sidebar 14.
A left and a right sidebar.
Example of Sidebar 15.
A sidebar with a sticky site header.
Example of Sidebar 16.
A simple signup form.
Example of Signup 01.
A two column signup page with a cover panel.
Example of Signup 02.
A signup page with a muted background.
Example of Signup 03.
A signup page with a form and a side panel.
Example of Signup 04.