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

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:
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.