umbrella.ui
Beautifully designed components built with Radix UI and Tailwind CSS.
Avatar
DisplayAn image element with a fallback for representing the user
Button
FormVersatile button component with multiple variants
Card
DisplayContainer component for grouping content
Input
FormText input fields with various configurations
Label
FormRenders an accessible label for form elements
Separator
LayoutVisually or semantically separates content
Skeleton
FeedbackPlaceholder for content that is loading
Tooltip
OverlayPopup that displays information on hover
Breadcrumb
NavigationNavigation breadcrumbs for hierarchical content
Dropdown Menu
OverlayMenu that appears on click or hover
Sidebar
NavigationCollapsible sidebar navigation
Table
DisplayDisplays data in a table format
Typography
ContentStyles for headings, paragraphs, lists, and text elements
Getting Started
Installation
Install components using the Shadcn CLI:
npx shadcn@latest add button
MCP Integration
This project has Shadcn MCP enabled. You can use natural language with AI assistants to browse, search, and install components directly.
Documentation
Each component page includes interactive examples, props documentation, accessibility guidelines, and implementation code.