Components

Pre-built UI components with semantic classes. Each component follows the property-driven design philosophy with consistent naming and behavior.

🔘 Buttons
Button variants, sizes, and styles for actions
🃏 Cards
Flexible content containers with headers and footers
📝 Forms
Input fields, textareas, selects, and form layouts
📂 Accordion
Collapsible content panels for FAQs and more
📑 Tabs
Tabbed navigation for organizing content
🪟 Modal
Dialog overlays for focused interactions
🧭 Navbar
Responsive navigation bars for site headers
📋 Dropdown
Contextual menu overlays and selects
⚠️ Alert
Notification messages for user feedback
🏷️ Badge
Small labels and indicators for counts
🍞 Breadcrumb
Navigation trail showing page hierarchy
📰 Typography
Article and blog content containers with optimal reading width
💡 Callout
Highlighted note boxes for tips, warnings, and sources
📊 Tables
Data tables with sorting, search, pagination, and column toggles