Artefact UI

Blog

Docs

About

Playground

Appearance

LightDarkSystem

Color paletteGray

Blue

Green

Red

Orange

Purple

Cyan

Amber

Edit

Menu

Blog

Docs

About

Playground

Appearance

LightDarkSystem

Color paletteGray

Blue

Green

Red

Orange

Purple

Cyan

Amber

Edit

Introduction Getting Started Architecture Hydration CMS Page Builder Styling & Theming

AbsoluteCenter Fieldset Grid Group Layout Splitter Stack

Code Heading Text

Anchor Breadcrumb Tabs

Alert Badge Loader Progress Skeleton Spinner Toast

Avatar Card Carousel Icon PaginatedTable Pagination Table

Button Checkbox Clipboard ColorPicker Combobox DatePicker Editable Field FileUpload PinField RadioCardGroup RadioGroup RatingGroup Search SegmentGroup Select Slider Switch TagsField Textarea ToggleGroup

Collapsible Dialog Drawer Dropdown HoverCard Popover Tooltip

Migrate components to new tokens Audit existing design tokens Draft App Store listing copy Build onboarding flow prototype Implement push notification service Write launch retrospective Accessibility review of new pages Design new homepage hero Restructure primary navigation Run performance audit

Introduction Getting Started Architecture Hydration CMS Page Builder Styling & Theming

AbsoluteCenter Fieldset Grid Group Layout Splitter Stack

Code Heading Text

Anchor Breadcrumb Tabs

Alert Badge Loader Progress Skeleton Spinner Toast

Avatar Card Carousel Icon PaginatedTable Pagination Table

Button Checkbox Clipboard ColorPicker Combobox DatePicker Editable Field FileUpload PinField RadioCardGroup RadioGroup RatingGroup Search SegmentGroup Select Slider Switch TagsField Textarea ToggleGroup

Collapsible Dialog Drawer Dropdown HoverCard Popover Tooltip

Migrate components to new tokens Audit existing design tokens Draft App Store listing copy Build onboarding flow prototype Implement push notification service Write launch retrospective Accessibility review of new pages Design new homepage hero Restructure primary navigation Run performance audit

Restructure primary navigation - Docs - Artefact

Restructure primary navigation

Simplify the top-level nav from 8 items down to 5.

Previous

Design new homepage hero

Next

Run performance audit