Geist Design System

Select a display theme:
foundations
  • Introduction
  • Colors
  • Icons
brands
  • Vercel Soon
  • Svelte Soon
  • Turbo Soon
  • v0 Soon
components
  • Avatar
  • Badge
  • Book New
  • Button
  • Calendar Draft
  • Checkbox
  • Choicebox Draft
  • Code Block Soon
  • Collapse
  • Combobox Draft
  • Context Menu
  • Description
  • Drawer
  • Empty State
  • Error
  • Feedback Draft
  • Gauge Draft
  • Grid Soon
  • Input
  • Keyboard Input
  • Loading Dots
  • Menu
  • Modal
  • Note
  • Pagination
  • Progress
  • Project Banner New
  • Radio
  • Scroller Soon
  • Select Draft
  • Show more
  • Skeleton
  • Snippet
  • Spinner
  • Stack Soon
  • Status Dot
  • Switch
  • Table
  • Tabs
  • Textarea
  • Theme Switcher
  • Toast Soon
  • Toggle Soon
  • Tooltip
  • Window

[Svelte] Geist Design System

Svelte implementation of Vercel's design system for building consistent web experiences.

Brand Assets

Learn how to work with our brand assets.

Icons

Icon set tailored for developer tools.

			pnpm create svelte
		
Label

Components

Building blocks for Svelte applications.

Colors

A high contrast, accessible color system.

Grid

A huge part of the new Vercel aesthetic.

Geist Sans

Geist Mono

Typeface

Specifically designed for developers and designers.

Next Colors