Beautiful components,
ready to drop in

High-emphasis action button with gradient fill and press state.

Accent-glow card with icon, title, and body text. Perfect for feature grids.

Sticky top navigation with logo, links, and a CTA button.

Labelled input with focus ring, error state, and helper text.

Timed popup alerts for success, warning, error, and info states.

Sortable, filterable table with pagination and row selection.

Accessible dialog with backdrop, close button, and focus trap.

Compact square or circle button housing a single icon action.

Segmented control for selecting one option from a set.

Team member or user profile with avatar, role, and social links.

KPI card with metric, trend indicator, and comparison period.

Page path indicator with slash or chevron separators.

Horizontal tab bar with underline or pill variants.

On/off toggle with label, description, and optional icon.

Custom styled select with search, multi-select, and keyboard nav.

Horizontal or circular progress indicator with label and animation.

Animated bar chart with tooltip, legend, and custom colour schemes.

Overlapping avatar group with overflow count and tooltip.

Lightweight popover for contextual information on hover.

Visual separator with optional label, gradient, or icon centred.