🌾

oat.ui

React 없이도 예쁜 UI

순수 HTML + CSS만으로 모던한 컴포넌트.
번들 사이즈 3KB. 의존성 0개.

왜 또 UI 라이브러리? 🤔

// 기존

react + react-dom + styled-components
= 150KB+

버튼 하나 만드는데 150KB...

// oat.ui

oat.ui (전체)
= 3KB

시맨틱 HTML 기반. 가볍고 빠름.

특징

초경량

gzip 3KB. 로딩 속도 극대화.

🧱

시맨틱 HTML

접근성 기본 탑재. SEO 친화적.

🎨

CSS 변수

테마 커스텀 자유자재.

📦

제로 의존성

외부 패키지 없음. 충돌 걱정 없음.

🔧

프레임워크 무관

React, Vue, Svelte, 바닐라 다 됨.

📱

반응형 기본

모바일 퍼스트 설계.

이렇게 간단해요

<!-- 버튼 -->
<button class="oat-btn">클릭</button>

<!-- 카드 -->
<article class="oat-card">
  <h3>제목</h3>
  <p>내용</p>
</article>

<!-- 인풋 -->
<input class="oat-input" placeholder="입력">

시작하기

npm 또는 CDN으로 바로 사용

npm install oat.ui

또는

<link rel="stylesheet" href="https://cdn.oat.ui/latest.css">
⭐ GitHub에서 보기