Components

Primary interaction element with multiple variants.

Small label for status, tags, or categories.

Glassmorphism container with header, content, and footer.

Styled text input for forms and search.

Accessible checkbox with checked and unchecked states.

Accessible label associated with form controls.

Set of mutually-exclusive radio options.

Dropdown select with keyboard navigation.

Toggle switch for on/off settings.

Draggable slider for selecting a numeric value.

Multi-line text input for longer content.

Two-state button for toggling a setting.

Vertically stacked, collapsible content sections.

Callout for important messages and status.

User image with graceful text fallback.

Modal dialog overlaying the page content.

Menu of actions triggered by a button.

Floating content anchored to a trigger.

Contextual hint shown on hover or focus.

Switch between related panels of content.

Visual or semantic divider between content.

Placeholder shimmer for loading states.

Progress bar indicating completion.

Custom-styled scrollable region.

Structured rows and columns of data.

Virtualized dropdown with type-ahead search for large lists.

Compact picker for chart timeframes (1m–1w).

Virtualized search across trading instruments.

Asset allocation pie chart with balances.

Live bid/ask depth ladder with spread.

Buy/sell order entry with limit and market types.

Table of open and closed trading deals with P&L.

Floating bottom bar composing the four status badges.

Cycle UTC/Local/offset with a right-click picker.

Investor mode — mask sensitive labels with one click.

Compact Load/RAM/HDD/Net/Up health pill with tooltip.

Green/red wifi dot for live connection status.

Full-screen hero section with animated shapes.

Sticky navigation with scroll effect and mobile menu.

Animated feature highlight card with icon.

Team member card with avatar and role.

Consistent section title with badge and subtitle.

Multi-column footer with links and copyright.