Components

Multi-variant button with CVA styling and Radix Slot for asChild composition.

Rounded pill label with default, primary, outline, and muted variants.

Compound component with Header, Title, Description, Content, and Footer sub-components.

Key performance indicator card with optional trend, sparkline, and icon.

Compact metric display with delta percentage indicator.

Side-by-side comparison of current vs previous values with delta.

Compact inline SVG chart for trend visualization.

Multi-series bar chart with vertical and horizontal layouts.

Line chart with multiple lines, tooltips, and legends.

Stacked area chart with gradient fills.

Feature-rich table with sorting, pagination, and search.

Dropdown filter system with single and multi-select.

Date range selector with configurable presets.

Collapsible sidebar navigation with icons and active states.

Page title with breadcrumbs, description, and action slots.

Page section wrapper with default, muted, and bordered variants.

Inverted display card with large value and decorative corner dots.

Quote card with decorative mark, star rating, and author attribution.

Pricing tier card with feature list, badge, and CTA button.

Responsive logo grid with grayscale-to-color hover effect.

Multi-column footer with link groups and bottom bar.

Scroll-triggered fade animation with directional variants.

Scroll-triggered scale entrance animation.

Container that staggers child entrance animations with configurable delay.