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
Free CRM Software With Something for Everyone Icon
Free CRM Software With Something for Everyone

216,000+ customers in over 135 countries grow their businesses with HubSpot

Think CRM software is just about contact management? Think again. HubSpot CRM has free tools for everyone on your team, and it’s 100% free. Here’s how our free CRM solution makes your job easier.
Get free CRM
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