clarity-ui

css-framework ui-component layout

clarity-uiは、ウェブアプリケーションの視覚的な明瞭さと使用性を向上させるために設計されたCSSベースのUIコンポーネントライブラリです。さまざまなUI要素を提供し、開発者が迅速かつ一貫したデザインを実装するのを助けます。

Latest Ver 0.10.28

Homepage

Github

6,419

📢 CSSベースのUIコンポーネントライブラリ

CDNダウンロード

License: MIT

Asset Type :

すべてのバージョンを見る

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

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。

📄 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

テキスト比較

2つのテキストの違いを一目で確認できます。

Faviconジェネレーター

簡単かつ迅速にファビコンを生成します。

Lorem Ipsumジェネレーター

デザイン用のダミーテキストを生成します。

文字数カウント

文字数と単語数をリアルタイムで確認できます。

SRT ↔ SMI変換ツール

字幕形式を簡単に変換できます。

画像テキスト抽出

画像内のテキストを自動で抽出します。