Design systems
Last updated
Was this helpful?
Last updated
Was this helpful?
- Simple, Modular & Accessible UI Components for your React Applications. () () () ()
- Style props for rapid UI development.
- React Component library implementing the Base design language. () ()
- React-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package.
- Modern React UI library.
- Open source design system for your next travel project.
- Accessible Foundation for React Apps and Design Systems.
- Design guidelines, component documentation, styling instructions, and resources for building interfaces with Flexport’s design system. () ()
- Design, build, and create with GitHub’s design system. () ()
- Friendly, themeable, accessible React UI Kit built with Reakit.
- Themeable design system for the SEEK Group.
- React toolkit and design language for Airbnb open source and internal projects.
- JetBrains Web UI components. ()
- Atomic design system inspired by the wonderful Tailwindcss. ()
- Design System and Component Library for Modulz. ()
- Open-source UI component library for building high-quality, accessible design systems and web apps. () ()
- Beautiful UI components, crafted by the creators of Tailwind CSS. () ()
- Design system built by IBM. ()
- Set of React components for building Microsoft web experiences. () ()
- Contains simple, stateless UI building blocks - your typical input fields, buttons, cards, grids, and so on.
- Customisable components and primitives based on design tokens.
- Adobe’s design system. () () () () ()
- Stack Overflow’s Design System. ()
- Design library in use at Elastic to build internal products. ()
- Design your service using GOV.UK styles, components and patterns.
- Design System Accelerator. ()
- Design system for building faithful recreations of old UIs. () ()
- Design system & component library for SumUp web apps. ()
- Artsy's design system. ()
()
- VK design system.
- Lightweight and modular front-end framework for developing fast and powerful web interfaces.
- Interface styles shaper. ()
- Adaptive interface system for modern web experiences. () ()
()
- Documented collection of UI components. ()
- Dark-first collection of UI patterns and components.
()
- Responsive, theme-based design system for Expo + React Native Web.
- Codifies existing UI components into a central, well-maintained repository.
- Modern and minimalist React UI library, originating from Vercel's design. ()
- React components you need in all your projects to focus on solving the problems and launch faster.
- React component library designed on the "new skeuomorphism" or "neumorphism" UI/UX trend.
- Contentful Design System. ()
- React-based UI toolkit for the web. ()
- Vue.js design-system for Web.
- Suite of React components, sensible UI design, and a friendly development experience. ()
- World's second most popular React UI framework. ()
- Design with JSX, powered by your own component library.
- Curated list of design systems made up of reusable React components.
- Web Component compiler for building fast, reusable UI components and Progressive Web Apps. ()
- Build consistent, themeable React UIs based on design system constraints and design tokens.
- Design, develop, document and deploy your design system—without writing code.
- Play with typography and colors to generate a design system theme you can use in your projects.
- Create beautiful living styleguides and document all your design system resources in one place.
- Book about design systems.
- Open-source checklist to help you plan, build and grow your design system. ()
- Visual editor for Chakra UI. () ()
- Tool to help manage design systems by generating platform-specific files from a source file describing design tokens.
- Gett's Design System code generator. Use Zeplin Styleguides as your R&D's Single Source of Truth.
- Analyze your CSS and keep track of changes in complexity and branding..
- Design Token Framework. ()
- Learn to develop UIs with components and design systems. ()
- Build system for creating cross-platform styles.
- For creating superb style guides. ()
- Collection of open-source tools and libraries that allow you to accelerate your own design system.
- Workbench for collaboratively creating Design Systems. ()
- Storybook addon that embed Figma, websites, PDF or images in the addon panel.
- Definitive guide to standardize the design/code of UI Components.
- Design with Playroom inside Storybook, using each story source as a starting point.
- Project skeleton to get your very own React Component Library up and running using Rollup, Typescript, SASS + Storybook.