Clarity is a scalable, customizable, open source design system bolstered by the people that build with it, the people we build it for, and the community that makes us who we are. Our toolkit is Figma. Every component, pattern, and guideline we ship is rooted in real customer interactions. As a result, you can rely on Clarity for 30+ components and over 200 icons so you can focus on product-specific user problems. The first folx that built Clarity from scratch were a scrappy team of developers, designers, and content creators. Clarity has continued to grow on that strong start by supporting the big three: Angular, React and Vue. Our latest Core components provide support for them all. Clarity provides code examples and detailed API documentation that guide you as you build your next application.

Features

  • Contains the Web Components that work in any JavaScript framework
  • Contains shims for core usage in Angular environment
  • Contains shims for core usage in React environment
  • Our open source sans-serif typeface
  • Build framework agnostic
  • Backed by performant components

Project Samples

Project Activity

See All Activity >

Categories

Frameworks, Design

License

MIT License

Follow Clarity Design System

Clarity Design System Web Site

You Might Also Like
Software Testing Platform | Testeum Icon
Software Testing Platform | Testeum

Testeum is a Software Testing & User Test platform

Tired of bugs and poor UX going unnoticed despite thorough internal testing? Testeum is the SaaS crowdtesting platform that connects mobile and web app creators with carefully selected testers based on your criteria.
Learn More
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Clarity Design System!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript Frameworks, TypeScript Design Software

Registered

2021-08-31