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

텍스트 비교

두 텍스트의 차이점을 한눈에 확인하세요.

Favicon 생성기

파비콘을 쉽고 빠르게 생성하세요.

Lorem Ipsum 생성기

디자인을 위한 더미 텍스트를 생성하세요.

글자수 세기

글자 수와 단어 수를 실시간으로 확인하세요.

SRT ↔ SMI 변환기

자막 형식을 간편하게 변환합니다.

이미지 텍스트 추출

이미지 속 텍스트 자동 추출