UI Components
Clean, accessible, and customizable building blocks crafted with modern Tailwind CSS. Fully compatible with React, Astro, Vue, Svelte, and plain HTML.
Accordion
Collapsible content sections.
Alert
Status messages.
Avatar
User profile images.
Badge
Status indicators.
Bento Grid
An asymmetric grid layout inspired by modern dashboard ergonomics, ideal for showcasing product features.
Breadcrumb
A secondary navigation pattern that displays the hierarchy of the current page relative to the website structure.
Button
Interactive element.
Card
Content containers.
Checkbox
Form checkboxes.
Combobox
An autocomplete input and searchable dropdown menu with typeahead filtering and keyboard navigation.
Dialog / Modal
Modal windows with overlay.
Drawer
A panel that slides in smoothly from the edge of the screen, typically used for deep configuration, navigation drawers, or mobile menus.
Image
Responsive image components with fallbacks.
Input
Text input fields.
Label
Accessible form labels.
Link
Styled anchor links with hover effects.
Marquee
An infinite looping horizontal ticker ribbon for displaying logos, tech stacks, trust badges, and testimonials.
Pagination
A navigation component for chunking large datasets across multiple indexed pages.
PIN Input
A segmented verification code and one-time password (OTP) input with auto-advance, backspace navigation, and clipboard paste support.
Radio
Form radio buttons.
Slider
A continuous or stepped range input allowing users to select single numerical values with dynamic fill feedback.
Spotlight Card
A card container that reveals a dynamic, cursor-following radial gradient glow on mouse movement.
Switch
A control that allows the user to toggle between checked and not-checked states with fluid spring animations.
Tabs
Tabbed content switching.
Textarea
Multi-line inputs.
Toast
A succinct message that is displayed temporarily to provide feedback about an operation.
Tooltip
A customized popup that displays informative text when users hover over, focus on, or tap an element.