clarity-ui

css-framework ui-component layout

clarity-ui is a CSS-based UI component library designed to enhance the visual clarity and usability of web applications. It provides a range of UI elements that help developers implement fast and consistent designs.

Latest Ver 0.10.28
Homepage
Github
0
6,419
📢 CSS-based UI component library
License: MIT
https://cdnjs.cloudflare.com/ajax/libs/clarity-ui/0.10.28/clarity-ui-dark.css
https://cdnjs.cloudflare.com/ajax/libs/clarity-ui/0.10.28/clarity-ui-dark.min.css
https://cdnjs.cloudflare.com/ajax/libs/clarity-ui/0.10.28/clarity-ui.css
https://cdnjs.cloudflare.com/ajax/libs/clarity-ui/0.10.28/clarity-ui.min.css
https://cdnjs.cloudflare.com/ajax/libs/clarity-ui/0.10.28/clarity-ui.css.map

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.
📄 HTML
<div id='example'>
  <button class='btn'>Click me</button>
</div>

🎨 External CSS
<link href="https://unpkg.com/clarity-ui/clarity-ui.min.css" rel="stylesheet">

⚡ Top Tools for Developers
Text Compare

Text Comparison

Easily spot the differences between two texts.

Favicon Generator

Favicon Generator

Quickly and easily generate favicons.

Lorem Ipsum Generator

Lorem Ipsum Generator

Generate placeholder text for your designs.

Character Counter

Character Counter

Check character and word count in real time.

SRT ↔ SMI

SRT ↔ SMI Converter

Easily convert between subtitle formats.

Text Extract(OCR)

Image Text Extractor

Automatically extract text from images.