Atlas — The shadcn for agent UI

Atlas

Overview

Introduction
Get started

Foundations

Colors
Typography
Spacing
Radius
Shadows
Motion
Icons

Primitives

Button
Button pill
Input
Checkbox
Radio
Switch
Kbd
Link
Marquee

Surfaces

Card
Panel header
Stat
Empty

Navigation

Tabs
Bottom tab bar
Segmented
Toggle
Breadcrumb
Pagination
Stepper

Overlays

Popover
Dialog
Command
Tooltip
Toast
Alert

Data

Table
List
Badge
Pill
Accordion

Feedback

Progress
Slider
Skeleton
Dot

Identity

Avatar
Divider
Divider dashed

Layout

Titlebar
Statusbar

Patterns

Landing
Agent chat
Mobile app
3-pane shell
Dashboard
Settings

Full mockups

Email
E-commerce
Multi-agent
News & polls
Stocks
Form builder

Saved · 12s ago

Outline · 9

SHORT TEXT · Q1

Placeholder · edit in properties →

Properties

Label

Placeholder

RequiredYes

Block meta

Type: short-text
ID: q1
Position: 2 / 9