skeletonlabs/skeleton
Tailwind CSS 기반 적응형 디자인 시스템으로 테마·컴포넌트·접근성을 한 번에 제공하는 다중 프레임워크 UI 라이브러리
5,984+0이번 주39031TypeScript
데모·홈페이지 열기skeleton.dev중간맛 분석
TypeScript + Tailwind CSS 기반의 마크로 디자인 시스템입니다. SvelteKit 중심으로 시작했으나 React(@skeletonlabs/skeleton-react), Svelte, Astro 패키지로 확장되었고, 온라인 테마 생성기로 즉시 커스텀 테마를 만들 수 있습니다. 접근성과 사용자 경험을 우선으로 설계되었으며, 5,900+ 스타를 받은 성숙한 오픈소스 프로젝트로 Discord 커뮤니티 지원이 활발합니다. 기업·개인 프로젝트 모두 라이선스로 자유롭게 사용 가능합니다.
이런 레포예요
이럴 때 쓰면 좋아요
- 다중 페이지/멀티 프레임워크 프로젝트에서 일관된 디자인 시스템 구축
- 빠르게 프로토타입을 만들고 WCAG 접근성 기준을 자동으로 충족
- Tailwind CSS 프로젝트에서 테마 전환 기능과 다크모드를 간편히 구현
핵심 기능
프레임워크 독립적 컴포넌트 라이브러리(React/Svelte/Astro 패키지)온라인 테마 생성기로 커스텀 디자인 시스템 즉시 구성WCAG 접근성 기준을 만족하는 UI 컴포넌트
대안 대비 차별점
Tailwind CSS와 완벽하게 통합되면서도 React, Svelte, Astro 등 여러 프레임워크를 동시에 지원하는 다중 프레임워크 디자인 시스템으로, 프레임워크 종속성을 최소화하면서 일관된 설계 언어를 유지합니다.
준비물
- Node.js
- npm 또는 yarn
- Tailwind CSS 설치된 프로젝트
별 추이 · 7일
5,984+0 / 7일
활용성 · 따라 만들기 좋은가
샘플 점수 34/100
- 관대한 라이선스
- 테스트 있음
- 예제 디렉토리
- 최근 활동
- AGENTS.md
- llms.txt
- 템플릿
🟢 최근 활동 있음 · 2022년 생성
AI가 README 기반으로 요약했습니다 · 원문 보기