[![Public STDF Status](https://github.com/any-tdf/stdf/actions/workflows/publish-stdf.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/publish-stdf.yml) [![Releases STDF Status](https://github.com/any-tdf/stdf/actions/workflows/releases-stdf.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/releases-stdf.yml) [![Sync Demo Status](https://github.com/any-tdf/stdf/actions/workflows/sync-demo.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/sync-demo.yml) [![Releases Demo](https://github.com/any-tdf/demo-stdf/actions/workflows/releases-demo.yml/badge.svg)](https://github.com/any-tdf/demo-stdf/actions/workflows/releases-demo.yml) [![Public Create Status](https://github.com/any-tdf/stdf/actions/workflows/publish-create.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/publish-create.yml) [![Public Icon Status](https://github.com/any-tdf/stdf/actions/workflows/publish-icon.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/publish-icon.yml) [![Public MD Status](https://github.com/any-tdf/stdf/actions/workflows/publish-md.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/publish-md.yml) [![Public VS Code Extension Status](https://github.com/any-tdf/stdf/actions/workflows/publish-vscode.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/publish-vscode.yml) [![Sync Gitee Status](https://github.com/any-tdf/stdf/actions/workflows/sync-gitee.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/sync-gitee.yml) [![Releases Site](https://github.com/any-tdf/stdf/actions/workflows/releases-site.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/releases-site.yml)

STDF

![](https://img.shields.io/badge/-Svelte%205-%23ff3e00?logo=svelte&logoColor=ffffff) ![](https://img.shields.io/badge/-Tailwind%204-%2300a6f4?logo=tailwindcss&logoColor=ffffff) ![](https://img.shields.io/badge/-TypeScript-%233178c6?logo=typescript&logoColor=ffffff) [![npm](https://img.shields.io/npm/v/stdf?logo=npm&label=stdf&style=for-the-badge&color=aeb5f4&logoColor=DCE4FD&labelColor=010319)](https://www.npmjs.com/package/stdf) [![npm](https://img.shields.io/npm/v/create-stdf?logo=npm&label=create&style=for-the-badge&color=ebb2ba&logoColor=FBDDDD&labelColor=190104)](https://www.npmjs.com/package/create-stdf) [![npm](https://img.shields.io/npm/v/rollup-plugin-stdf-icon?logo=npm&label=icon&style=for-the-badge&color=8cf2be&logoColor=D5FCE3&labelColor=01190C)](https://www.npmjs.com/package/rollup-plugin-stdf-icon) [![npm](https://img.shields.io/npm/v/rollup-plugin-md-ts?logo=npm&label=md&style=for-the-badge&color=fda0f0&logoColor=fda0f0&labelColor=12020f)](https://www.npmjs.com/package/rollup-plugin-md-ts) [![Visual Studio Marketplace Version (including pre-releases)](https://img.shields.io/visual-studio-marketplace/v/STDF.stdf-vscode-extension?logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgogICAgPHBhdGgKICAgICAgICBmaWxsPSIjRjBGQ0Q2IgogICAgICAgIGQ9Ik0zMC44NjUgMy40NDhMMjQuMjgyLjI4MWExLjk5IDEuOTkgMCAwIDAtMi4yNzYuMzg1TDkuMzk3IDEyLjE3MUwzLjkwMiA4LjAwNGExLjMzIDEuMzMgMCAwIDAtMS43MDMuMDczTC40MzkgOS42ODFhMS4zMyAxLjMzIDAgMCAwLS4wMDUgMS45NjlMNS4yIDE1Ljk5OUwuNDM0IDIwLjM0OGExLjMzIDEuMzMgMCAwIDAgLjAwNSAxLjk2OWwxLjc2IDEuNjA0YTEuMzMgMS4zMyAwIDAgMCAxLjcwMy4wNzNsNS40OTUtNC4xNzJsMTIuNjE1IDExLjUxYTEuOTgyIDEuOTgyIDAgMCAwIDIuMjcxLjM4NWw2LjU4OS0zLjE3MmExLjk5MyAxLjk5MyAwIDAgMCAxLjEzLTEuODAyVjUuMjQ4YzAtLjc2Ni0uNDQzLTEuNDY5LTEuMTM1LTEuODAyem0tNi44NiAxOS44MThMMTQuNDMyIDE2bDkuNTczLTcuMjY2eiIKICAgIC8+Cjwvc3ZnPgo=&label=extension&style=for-the-badge&color=c7f292&logoColor=F0FCD6&labelColor=0E1901)](https://marketplace.visualstudio.com/items?itemName=STDF.stdf-vscode-extension) [![GitHub stars](https://img.shields.io/github/stars/any-tdf/stdf?logo=github&label=star&style=for-the-badge&color=A1DAD7&logoColor=D9F8F2&labelColor=011918)](https://github.com/any-tdf/stdf) [![GitHub license](https://img.shields.io/github/license/any-tdf/stdf?logo=github&style=for-the-badge&color=B9C46A&logoColor=F3F3CB&labelColor=161901)](https://github.com/any-tdf/stdf)

웹사이트

English • 简体中文 • 繁體中文 • 日本語 • 한국어 • Español • Русский • Français • Deutsch • Italiano

소개

Svelte와 Tailwind를 기반으로 한 모바일 웹 컴포넌트 라이브러리입니다.

Simple • Tiny • Design • Fast

간 단 • 경 량 • 디 자 인 • 빠 름

특징

🔥 Svelte v5, Tailwind CSS v4, TypeScript 를 완전 지원합니다.
🚀 런타임 없음, 가상 DOM 없음 — 온라인에서 더 빠르게 실행됩니다.
🧰 풍부한 API — 필요에 맞는 컴포넌트 스타일을 쉽게 구성할 수 있습니다.
🍭 다크 모드와 다중 테마 구성을 지원합니다.
📖 광범위한 한국어 및 영어 문서와 컴포넌트 예제를 제공합니다.
🌍 국제화를 지원하며, 60 개 이상의 내장 언어 패키지를 제공합니다.
🫰 사용자 친화적인 상호작용, 애니메이션 매개변수 구성 가능, 사용자 정의 테마 지원.
🤝 UnoCSS 와 같은 Tailwind 라이브러리를 지원합니다.
🫡 서드파티 의존성 없음 — 라이브러리 버전이나 보안 문제를 걱정할 필요가 없습니다.
📦 온디맨드 가져오기를 지원하여 번들 크기를 줄입니다.
🪜 빠른 프로젝트 생성을 위한 스캐폴딩 도구가 함께 제공됩니다.
🔗 SVG 파일을 빠르게 병합하는 SVG 병합 플러그인이 함께 제공되며, Iconify 를 지원합니다.
🍺 컴포넌트 API 를 빠르게 볼 수 있는 IDE 플러그인이 함께 제공됩니다.

시작하기

pnpm create stdf@latest

npm create stdf@latest
# 또는
npm init stdf@latest
# 또는
npx create-stdf@latest

bun create stdf@latest

yarn create stdf@latest

데모 미리보기

QR 코드를 스캔하여 모바일 데모에 접속하세요:

빠른 체험

StackBlitz 의 STDF Demo에서 STDF 를 빠르게 체험해볼 수 있습니다.

피드백 및 소통

직접적이고 효과적인 피드백과 소통을 위해 GitHub Issues를 사용하는 것을 권장합니다. 코드 기여도 매우 환영합니다. 다음 옵션 중에서도 선택할 수 있습니다:

기여자

후원자

라이선스

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. 이 오픈소스 프로젝트를 자유롭게 즐기고 기여해 주세요.

Star 히스토리

<source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=any-tdf/stdf&type=Timeline&theme=dark" />
<img alt="Star History Chart" width="100%" src="https://api.star-history.com/svg?repos=any-tdf/stdf&type=Timeline" />

README_ko_KR.md 9.8 KB Histórico Raw