A favicon of Geist

Geist

Build consistent, accessible, and delightful web experiences with a comprehensive open-source design system. Offers pre-built components and clear guidelines.

Visit Geist
A screenshot of GeistVisit

Geist is Vercel's open-source design system, meticulously crafted to help developers and designers build consistent, accessible, and delightful web experiences. It provides a comprehensive foundation for creating cohesive user interfaces with a focus on modern aesthetics and usability.

Key benefits and features include:

  • Extensive Component Library: Access a wide array of pre-built, production-ready UI components, from basic elements like buttons and icons to complex patterns. This significantly speeds up development.
  • Robust Design Tokens: Utilize a well-defined system of design tokens for colors, typography, spacing, and shadows, ensuring visual consistency across all parts of your application.
  • Accessibility Focused: Built with accessibility in mind, helping you create interfaces that are usable by a wider audience.
  • Developer-Friendly: Designed for ease of integration and customization, with clear documentation and support for modern development workflows.
  • Brand Cohesion: Establish and maintain a strong, consistent brand identity across multiple digital products.

By adopting this system, teams can improve their design and development process efficiency, reduce inconsistencies, and ultimately deliver higher-quality, polished web applications.

Categories:
Share:

Similar to Geist:

Craft consistent e-commerce UIs with flexible React primitives.
CompanyFigma+2 more
Build consistent user interfaces for e-commerce applications with a React-based design system. Access components, hooks, icons, and utilities.
Cal.com's design system and branding guidelines.
CompanyFigma+2 more
Access comprehensive design system and branding guidelines. Find design tokens, ready-to-use assets, and direct Figma links for Cal.com's design system.
Craft beautiful, scalable products, faster.
FigmaReact+1 more
Accelerate product development with professionally crafted React & Figma component libraries. Build scalable, themeable, and accessible UIs efficiently.

Command Menu