v1.3.1

Modern React UIMade Simple

반응형 디자인을 위해 설계된 모던하고 가벼운 React 컴포넌트 라이브러리입니다. 제로 의존성, 완벽한 TypeScript 지원, 그리고 빌트인 애니메이션을 제공합니다.

npm install motile-ui

Button.tsx

Badge.tsx

NewDoneBetaLivePro

Input.tsx

Checkbox.tsx

Remember me

Switch.tsx

Smooth

Elastic

Bounce

TimePicker.tsx

NumberFlow.tsx

4,827

20+컴포넌트

100%TypeScript

0의존성

MCP 통합

AI와 함께 개발하기

motile-ui는 MCP (Model Context Protocol) 서버를 지원합니다.
Claude, Cursor, Gemini 등에서 지능적인 코드 제안을 받아보세요.

자연어로 컴포넌트 생성

즉각적인 코드 제안 및 자동완성

Claude, Cursor, Gemini, Codex 지원

TypeScript 지원 자동완성

사용자

로딩 상태가 있는 primary 버튼 만들어줘

로딩 상태가 있는 Button입니다:

import { Button } from "motile-ui";

<Button
  variant="primary"
  loading={isLoading}
>
  Submit
</Button>

Motile UI로 아름다운 반응형 인터페이스를 만들어보세요. 무료, 오픈소스, 다양한 예제와 함께 프로덕션 준비 완료.