Components

Explore our collection of reusable, accessible, and customizable components. Each component is built with Svelte 5 and designed for modern web applications.

30
Total Components
15
Stable
15
Beta
7
Categories

Accordion

Stable

Collapsible content sections for organizing information

Layout

Avatar

Stable

Display user profile pictures or initials

Display

Badge

Stable

Small status indicators for displaying metadata

Display

Breadcrumb

Stable

Navigation helper showing page hierarchy

Navigation

Button

Stable

Interactive element for triggering actions

Form

Checkbox

Stable

Selection control for multiple choices

Form

Collapsible

Stable

Show and hide content with smooth transitions

Layout

Combobox

Beta

Searchable dropdown for selecting from options

Form

DataGrid

Beta

Advanced data table with sorting and filtering

Display

Dialog

Stable

Modal dialogs for important user interactions

Overlay

Divider

Stable

Visual separator for content sections

Layout

Dropdown

Stable

Dropdown menu for actions and navigation

Navigation

Form

Beta

Form controls with validation and layout

Form

Icon

Stable

Scalable vector icons for UI elements

Display

Input

Stable

Text input fields with various types

Form

Label

Stable

Labels for form controls and content

Form

Link

Stable

Styled links for navigation and actions

Navigation

List

Beta

Organized lists with various styles

Display

Menu

Beta

Navigation menu with nested items

Navigation

Popover

Beta

Floating content container

Overlay

Portal

Stable

Render content outside component tree

Utility

Radio

Beta

Single selection from multiple options

Form

Sidebar

Beta

Collapsible navigation sidebar

Layout

Slideover

Beta

Side panel that slides into view

Overlay

Slider

Beta

Range input for selecting values

Form

Switch

Beta

Toggle control for binary choices

Form

Tabs

Beta

Organize content in tabbed interface

Navigation

Textarea

Beta

Multi-line text input field

Form

Tooltip

Beta

Contextual help text on hover

Overlay

Tree

Beta

Hierarchical data display

Display

Need a Custom Component?

Don't see what you're looking for? Atomic SV is designed to be extensible. You can easily create custom components using our building blocks.