Skip to content
Dovetail
White-label design system
Builder
Overview
Download
Builder
Foundations
All foundations
Foundations
Color
Type
Layout
Shape
Size
Elevation
Motion
Themes
Tokens
Components
All components
Primitives
Divider
Grid
Inline
Spacer
Stack
VisuallyHidden
Section
Typography
Heading
Text
Actions
Button
ButtonGroup
IconButton
Link
Forms
Checkbox
CheckboxGroup
Field
Input
Radio
RadioGroup
Select
Slider
Switch
Textarea
Combobox
Display
Avatar
AvatarGroup
Badge
Card
Carousel
Code
EmptyState
List
Skeleton
Stat
Table
Tag
Navigation
Breadcrumbs
MenuSheet
Navbar
Pagination
Sidebar
Stepper
Tabs
TabPanel
AppShell
BottomNav
Feedback
Alert
Banner
Dialog
Drawer
Sheet
Popover
Progress
Spinner
Toast
ToastRegion
Tooltip
Thinking
Content
Accordion
AspectRatio
Cover
Callout
Figure
Image
Video
Icon
Media
Prose
Quote
BlockRenderer
SocialPost
Commerce
Price
Rating
QuantityStepper
ProductCard
ProductGallery
VariantPicker
StoreHeader
FulfilmentToggle
MenuSection
MenuItem
ModifierGroup
CartLine
OrderSummary
PromoCode
AddressFields
PaymentFields
OrderStatus
BasketBar
Chat
ChatHeader
MessageList
MessageDivider
MessageBubble
Composer
TypingIndicator
QuickReplies
AmbientBorder
VoiceInput
VoiceOverlay
Blocks
All blocks
HeroBlock
FeatureGridBlock
SplitBlock
StatsBlock
TestimonialBlock
FaqBlock
CtaBlock
BlockHeader
ChatBlock
MenuBlock
OrderTrackingBlock
ProductGridBlock
ProductDetailBlock
CartBlock
CheckoutBlock
Templates
All templates
Product
Chat
Dashboard screen
Food ordering
Settings page
Store
Marketing
Landing page from blocks
Marketing page
Social
Social templates
Guide
README
Token reference
Theming
Accessibility
Headless integration
Contributing
Changelog
Builder
The builder needs JavaScript.
Loading the builder…