Average Ratings 0 Ratings

Total
ease
features
design
support

No User Reviews. Be the first to provide a review:

Write a Review

Average Ratings 0 Ratings

Total
ease
features
design
support

No User Reviews. Be the first to provide a review:

Write a Review

Description

Clarity is an adaptable, scalable, and open-source design system shaped by the contributions of its users, the audience it serves, and the vibrant community that defines its essence. Utilizing Figma as our design toolkit, every component, guideline, and pattern we develop is based on genuine customer feedback and interactions. Consequently, Clarity offers over 30 components and more than 200 icons, allowing you to concentrate on addressing specific user challenges within your product. The initial creators of Clarity were a resourceful group of designers, developers, and content specialists who laid a solid foundation for the system. Building on this strong inception, Clarity has successfully extended its compatibility to the major frameworks: Angular, React, and Vue, with our latest Core components supporting all three. Additionally, Clarity comes equipped with comprehensive code examples and thorough API documentation to assist you in crafting your next application. This commitment to user-centered design ensures that Clarity remains an invaluable resource for developers and designers alike.

Description

Lucide is a community-driven open source icon library that features over 1,500 lightweight and scalable vector graphics (SVG) icons, all crafted according to a rigorous design standard to ensure uniformity in style and clarity. Developers can personalize these icons extensively by modifying their color, size, stroke width, and additional attributes to seamlessly fit their user interface requirements. The library's tree-shakable functionality guarantees that only the icons that are actively utilized are included in the final bundle, which significantly enhances performance. To simplify integration across a variety of projects, Lucide provides official packages tailored for numerous frameworks and platforms such as React, Vue, Svelte, Solid, Angular, Preact, Astro, React Native, and Flutter. In addition, Lucide features a web-based customizer that enables users to make real-time adjustments to icons while adhering to accessibility best practices. As a project that originated as a fork of Feather Icons, Lucide thrives on community contributions and fosters active participation through platforms like GitHub and Discord, making it a vibrant part of the open source ecosystem. This approach not only enhances the library but also ensures that it evolves in line with user needs and technological advancements.

API Access

Has API

API Access

Has API

Screenshots View All

Screenshots View All

Integrations

Angular
JavaScript
Astro
Discord
Eleventy
Flutter
GitHub
Google Chrome
Kibo UI
Laravel
Lustre
Mozilla Firefox
Nuxt
Preact
React
React Native
Safari
Solid
Svelte
Vue.js

Integrations

Angular
JavaScript
Astro
Discord
Eleventy
Flutter
GitHub
Google Chrome
Kibo UI
Laravel
Lustre
Mozilla Firefox
Nuxt
Preact
React
React Native
Safari
Solid
Svelte
Vue.js

Pricing Details

Free
Free Trial
Free Version

Pricing Details

Free
Free Trial
Free Version

Deployment

Web-Based
On-Premises
iPhone App
iPad App
Android App
Windows
Mac
Linux
Chromebook

Deployment

Web-Based
On-Premises
iPhone App
iPad App
Android App
Windows
Mac
Linux
Chromebook

Customer Support

Business Hours
Live Rep (24/7)
Online Support

Customer Support

Business Hours
Live Rep (24/7)
Online Support

Types of Training

Training Docs
Webinars
Live Training (Online)
In Person

Types of Training

Training Docs
Webinars
Live Training (Online)
In Person

Vendor Details

Company Name

Clarity Design System

Country

United States

Website

clarity.design/

Vendor Details

Company Name

Lucide

Country

United States

Website

lucide.dev/

Product Features

Product Features

Alternatives

Alternatives

Lucid Browser Reviews

Lucid Browser

Lucid Dev Team
Ignite UI Reviews

Ignite UI

Infragistics