Components

30+ components ready to use. Targeting parity with shadcn/ui and daisyUI.

Primitives

Button

Implemented

Primary action element with glass, solid, outline, and ghost variants.

Badge

Implemented

Status indicators and labels with accent, success, warning, and error variants.

Label

Implemented

Text labels for form fields and UI elements.

Link

Implemented

Navigation links with hover states and external link support.

Separator

Implemented

Visual dividers between content sections.

Spinner

Implemented

Loading indicators for async operations.

Kbd

Implemented

Keyboard shortcut display elements.

Inputs

Input

Implemented

Text input fields with validation states.

Textarea

Implemented

Multi-line text input for longer content.

Checkbox

Implemented

Binary toggle for multi-select options.

Radio

Implemented

Single-select from a group of options.

Switch

Implemented

Toggle between two states with smooth animation.

Slider

Implemented

Range input for numeric values within bounds.

Select

Implemented

Dropdown selection from a list of options.

Feedback

Alert preview

Alert

Implemented

Status messages for success, warning, error, and info states.

Tooltip

Implemented

Contextual information on hover or focus.

Toast preview

Toast

Implemented

Non-blocking notifications that auto-dismiss.

Layout

Card preview

Card

Implemented

Container for grouping related content.

Table

Implemented

Structured data display with rows and columns.

Tab Bar

Implemented

Navigation between content panels.

Tab Panel

Implemented

Content area switched by tab selection.

Scroll Area

Implemented

Custom scrollbar for overflow content.

Data List preview

Data List

Implemented

Key-value pair display.

Overlay/Navigation

Modal preview

Modal

Implemented

Dialog overlay for focused interactions.

Drawer preview

Drawer

Implemented

Slide-in panel from screen edges.

Dropdown preview

Dropdown

Implemented

Context menu or action list.

Navbar preview

Navbar

Implemented

Top navigation bar with responsive menu.

Typography

Heading preview

Heading

Implemented

Section headings with consistent hierarchy.

Paragraph

Implemented

Body text with proper line height and spacing.

Special

Canvas

Implemented

LOD rendering with portals for interactive detail.

Data Item

Implemented

Individual data point display.

Roadmap

Coming next.

These components are planned and will be added to the library.

Accordion/Collapse

Planned

Expandable content sections.

Breadcrumb

Planned

Hierarchical navigation trail.

Pagination

Planned

Page navigation for lists.

Command Palette

Planned

Keyboard-driven command interface.

Popover

Planned

Floating content triggered by a button.

Skeleton

Planned

Loading placeholder content.

Avatar

Planned

User profile image display.

Calendar

Planned

Date picker with month view.

DatePicker

Planned

Date selection with calendar popup.

Toast Stack

Planned

Stacked notification queue.

Snackbar

Planned

Bottom-aligned notification.

Bottom Sheet

Planned

Mobile-friendly slide-up panel.

Split Pane

Planned

Resizable two-panel layout.

Resizable Panels

Planned

Multi-panel adjustable layout.

Combobox

Planned

Searchable dropdown with filtering.

Date Range Picker

Planned

Start and end date selection.

File Input

Planned

File upload with drag and drop.

Contributing

akar is open source. Contributions are welcome — whether it's implementing a planned component, fixing a bug, or improving documentation.