홈 › UI·디자인 › shadcn-ui/ui

shadcn-ui/ui

UI·디자인컴포넌트관리 활발
shadcn-ui/ui

내 프로젝트에 복사해 커스텀하는 컴포넌트 시스템

Composable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.
👀 한눈에 보기

완성된 부품 패키지를 억지로 끌어다 쓰는 대신, 검증된 화면 컴포넌트 코드를 내 프로젝트로 직접 복사해 와 내 입맛대로 고쳐 쓰는 UI 모음집이에요. 접근성이 기본 탑재되어 있어 AI 코딩 도구와 함께 쓸 때도 군더더기 코드 없이 깔끔하고 세련된 화면을 만들 수 있어요.

  • 내 프로젝트에 직접 복사해 소유하는 코드
  • 자유도 높은 세부 스타일 커스텀
  • 기본값으로 충실히 갖춰진 웹 접근성
  • 코드량과 토큰 낭비를 줄이는 검증된 부품
🎯 이런 분께 필요해요 — 패키지 라이브러리의 굳어진 디자인을 고치기 힘들거나 AI 코딩 시 코드가 끝없이 늘어나 답답한 프론트엔드 개발자
🗂 분류UI·디자인 › 컴포넌트
🕒 업데이트 날짜2026-11-06 (오늘)
📄 라이선스MIT
⭐ 스타 · 포크★ 127.5k · ⑂ 12k
💻 주요 언어TypeScript
🎯 추천 대상웹·앱 만드는 개발자·디자이너
🧩 난이도개발자용
🏷 토픽aibase-uicomponentsgen-uigenerative-aigenerative-ui
GitHub에서 보기 →

같은 카테고리의 다른 자료

ionic-team/ionic-frameworkUI·디자인업데이트 2026-11-06
관리 활발컴포넌트
🎯 웹 기술 하나로 아이폰·안드로이드 앱을 같이 내고 싶은 개발자
웹 기술로 앱을 만드는 크로스플랫폼 UI 틀
📄 라이선스MIT
⭐ 스타 · 포크★ 52.7k · ⑂ 13.3k
💻 언어TypeScript
🧩 난이도 개발자용
자세히 보기
DavidHDev/react-bitsUI·디자인업데이트 2026-10-31
관리 활발컴포넌트
🎯 평범한 랜딩 페이지에 눈에 띄는 애니메이션을 넣고 싶은 프론트엔드 개발자
움직이는 리액트 컴포넌트 대형 라이브러리
📄 라이선스미표기
⭐ 스타 · 포크★ 51.4k · ⑂ 2.6k
💻 언어JavaScript
🧩 난이도 개발자용
자세히 보기
Semantic-Org/Semantic-UIUI·디자인업데이트 2024-11-27
관리 느림디자인 시스템
🎯 클래스 이름만으로 뜻이 읽히는 CSS 프레임워크를 쓰고 싶은 웹 개발자
자연어처럼 읽히는 UI 컴포넌트 프레임워크
📄 라이선스MIT
⭐ 스타 · 포크★ 51k · ⑂ 4.8k
💻 언어JavaScript
🧩 난이도 개발자용
자세히 보기
gradio-app/gradioUI·디자인업데이트 2026-11-06
관리 활발컴포넌트
🎯 만든 AI 모델을 웹 데모로 빨리 공개·공유하고 싶은 데이터 사이언티스트
파이썬으로 AI 데모 화면을 바로 만드는 도구
📄 라이선스Apache-2.0
⭐ 스타 · 포크★ 44k · ⑂ 3.7k
💻 언어Python
🧩 난이도 개발자용
자세히 보기