# 소개
[Svelte](https://svelte.dev)와 [Tailwind](https://www.tailwindcss.com)를 기반으로 한 모바일 웹 컴포넌트 라이브러리입니다.
> **S**imple • **T**iny • **D**esign • **F**ast
> 간 단 • 경 량 • 디 자 인 • 빠 름
# 특징
- 🔥 Svelte v5, Tailwind CSS v4, TypeScript 를 완전 지원합니다.
- 🚀 런타임 없음, 가상 DOM 없음 — 온라인에서 더 빠르게 실행됩니다.
- 🧰 풍부한 API — 필요에 맞는 컴포넌트 스타일을 쉽게 구성할 수 있습니다.
- 🍭 다크 모드와 다중 테마 구성을 지원합니다.
- 📖 광범위한 한국어 및 영어 문서와 컴포넌트 예제를 제공합니다.
- 🌍 국제화를 지원하며, 60 개 이상의 내장 언어 패키지를 제공합니다.
- 🫰 사용자 친화적인 상호작용, 애니메이션 매개변수 구성 가능, 사용자 정의 테마 지원.
- 🤝 UnoCSS 와 같은 Tailwind 라이브러리를 지원합니다.
- 🫡 서드파티 의존성 없음 — 라이브러리 버전이나 보안 문제를 걱정할 필요가 없습니다.
- 📦 온디맨드 가져오기를 지원하여 번들 크기를 줄입니다.
- 🪜 빠른 프로젝트 생성을 위한 스캐폴딩 도구가 함께 제공됩니다.
- 🔗 SVG 파일을 빠르게 병합하는 SVG 병합 플러그인이 함께 제공되며, Iconify 를 지원합니다.
- 🍺 컴포넌트 API 를 빠르게 볼 수 있는 IDE 플러그인이 함께 제공됩니다.
# 시작하기
```sh
pnpm create stdf@latest
```
```sh
npm create stdf@latest
# 또는
npm init stdf@latest
# 또는
npx create-stdf@latest
```
```sh
bun create stdf@latest
```
```sh
yarn create stdf@latest
```
# 데모 미리보기
QR 코드를 스캔하여 모바일 데모에 접속하세요:
# 빠른 체험
StackBlitz 의 [STDF Demo](https://stackblitz.com/github/any-tdf/demo-stdf)에서 STDF 를 빠르게 체험해볼 수 있습니다.
# 피드백 및 소통
직접적이고 효과적인 피드백과 소통을 위해 [GitHub Issues](https://github.com/any-tdf/stdf/issues)를 사용하는 것을 권장합니다. 코드 기여도 매우 환영합니다. 다음 옵션 중에서도 선택할 수 있습니다:
- [QQ 그룹](https://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=U8ZlXJ3KVpTI9oZzs1jBnyWc3gVA0h6Y&authKey=ScWu0nU9g8BqNsC7o2eYkESwgVDVz9vzGNZEb17MrEAay9%2F7bTkXDiLJRIzo2vrg&noverify=0&group_code=581073686)
- [QQ 디스코드](https://pd.qq.com/s/fdd8incyr)
- [Discord](https://discord.gg/DMkHu8GGre)
- [Discussions](https://github.com/any-tdf/stdf/discussions)
# 기여자
# 후원자
# 라이선스
이 프로젝트는 [MIT 라이선스](https://github.com/any-tdf/stdf/blob/main/LICENSE)에 따라 라이선스가 부여됩니다. 이 오픈소스 프로젝트를 자유롭게 즐기고 기여해 주세요.
# Star 히스토리
