Forma 36 Design System
Contentful's open-source design system for consistent, accessible content management interfaces.
Product Overview
Forma 36 is Contentful's official open-source design system, providing a comprehensive set of UI components, guidelines, and tools to build consistent, accessible, and scalable experiences for content management platforms and related applications. It powers Contentful's own products and is available for external use, focusing on modularity, developer productivity, and user-centered design with React components and Figma libraries. Component Library: Reusable elements like buttons, forms, cards, tables, modals, and navigation with variants for themes and states. Design Tokens: Semantic colors, typography, spacing, icons, and motion for brand consistency. Accessibility: WCAG-compliant with ARIA support and inclusive patterns. Tools: Figma kit for prototyping; React library with TypeScript support for implementation.
label.best_for
Teams building scalable, consistent digital products.
Key Features
- Component Library: Reusable elements like buttons, forms, cards, tables, modals, and navigation with variants for themes and states.
- Design Tokens: Semantic colors, typography, spacing, icons, and motion for brand consistency.
- Accessibility: WCAG-compliant with ARIA support and inclusive patterns.
- Tools: Figma kit for prototyping; React library with TypeScript support for implementation.
Pros
- +Open source
- +Extensive icon library
- +Color palette generation
- +Accessibility contrast checking
Cons
- -Adoption requires team alignment
- -Customization can be complex
/// SPECS
- Pricing:free
- Platform:Browser
Vuetify
Vuetify is a complete Vue.js UI framework that strictly adheres to Material Design guidelines, offering a rich set of components and powerful customization capabilities.
A2UI
open-source protocol for AI agents to generate secure, declarative UIs across platforms.
Watt Design System
Holaluz's Figma-based UI kit for consistent, accessible renewable energy interfaces.