Geist Design System

Vercel design system for building consistent web experiences.

Brand Assets

Learn how to work with our brand assets.

Icons

Icon set tailored for developer tools.

Components

Building Blocks for React Applications

• Avatar
• Badge
• Banner
• Book
• Breadcrumbs
• Browser
• Button
• Calendar
• Checkbox
• Choicebox
• Clearable Input
• Code
• Code Block
• Collapse
• Combobox
• Command Menu
• Context Card
• Context Menu
• Copy Button
• Description
• Destructive Action Modal
• Dots Menu
• Drawer
• Empty State
• Entity
• Error
• Error Card
• Feedback
• Fieldset
• File Tree
• Gauge
• Grid
• Input
• JSON View
• Keyboard Input
• Label
• Load More Button
• Loading Dots
• Menu
• MiddleTruncate
• Modal
• Multi Select
• Note
• Pagination
• Phone
• Pill
• Progress
• Project Banner
• Radio
• Relative Time Card
• Scroller
• Search Input
• Select
• Separator
• Sheet
• Show more
• Skeleton
• Slider
• Snippet
• Spinner
• Split Button
• Status Dot
• Switch
• Table
• Tabs
• Text With Copy Button
• Textarea
• Theme Switcher
• Toast
• Toggle
• Tooltip
• Video