React / Tailwind CSS
React & Tailwind CSS components.
Browse reusable UI patterns with live previews, responsive behavior, and JSX you can adapt to your project.
Application Shells
Application Shell
A reusable HTML application shell built with Tailwind CSS, including persistent navigation, workspaces, and a responsive empty workspace.
2 variants
Navigation
Breadcrumb
A compact, accessible React breadcrumb navigation component styled with Tailwind CSS for nested pages and dashboards.
Form Controls
Input
A flexible React input component styled with Tailwind CSS for forms, filters, search fields, and short text entry.
Buttons
Solid Button
A reusable solid React button styled with Tailwind CSS, including four sizes, disabled state, and optional icons.
2 variants
Badges
Medium Badge
A compact React badge styled with Tailwind CSS, with separate medium and small sections plus neutral, error, warning, success, info, indigo, purple, and pink tones.
8 variants
Selects
Native Select
A reusable native HTML select component styled with Tailwind CSS, with single and multiple selection support.
2 variants
Lists
Kanban
A reusable static React Kanban board styled with Tailwind CSS, featuring workflow columns, record cards, and responsive horizontal scrolling.
Lists
Table
A responsive React table component styled with Tailwind CSS, including search, pagination, status badges, and record actions.
Lists
Pagination
A compact React pagination component styled with Tailwind CSS for navigating records, search results, and longer collections.
Dialogs
Modal
An accessible React modal styled with Tailwind CSS for reviewing records with keyboard, backdrop, and action support.