Core Components
Our component system follows the Design-First-Principle™️ framework, combining accessibility, performance, and visual consistency. Here are the key categories of components you can use:
- Layout Components – Grid systems, navigation, modals
- Interactive Components – Buttons, inputs, tooltips
- Visual Components – Cards, hero sections, data visualizations
Modals
Responsive dialog boxes with accessibility support. Works perfectly with keyboard navigation and ARIA roles.
Cards
Styled container elements for content display. Includes hero cards, article cards, and comparison cards.
Buttons
Styled call-to-action buttons with hover animations and loading states for different use cases.
html
Copy-paste this code
<button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-full transition-colors shadow-sm">
Click me
</button>