[](https://github.com/any-tdf/stdf/actions/workflows/publish-stdf.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/releases.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/sync-demo.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/publish-create.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/publish-icon.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/publish-vscode.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/sync-gitee.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/releases-site.yml)
[](https://github.com/any-tdf/demo-stdf/actions/workflows/releases-demo.yml)
S T D F
[](https://www.npmjs.com/package/stdf)
[](https://github.com/any-tdf/stdf)
[](https://github.com/any-tdf/stdf)
[](https://www.npmjs.com/package/stdf)
[](https://www.npmjs.com/package/stdf)
[](https://www.npmjs.com/package/create-stdf)
[](https://www.npmjs.com/package/rollup-plugin-stdf-icon)
[](https://marketplace.visualstudio.com/items?itemName=STDF.stdf-vscode-extension)
# 介绍
基于 [Svelte](https://svelte.dev) 与 [Tailwind](https://www.tailwindcss.com) 的移动 web 组件库。
> **S**imple • **T**hin • **D**esign • **F**ast
> 简 单 • 轻 量 • 设 计 • 快 速
# 特性
- 🔥 完整支持 Svelte v5、Tailwind CSS v4 与 TypeScript。
- 🚀 无运行时,无虚拟 DOM,线上运行更快。
- 🧰 API 丰富,轻松配置出符合需求的组件样式。
- 🍭 支持暗模式与多主题配置。
- 📖 提供丰富的中英文文档和组件示例。
- 🌍 支持国际化,已内置 60+ 种语言包。
- 🫰 交互友好,动画参数可配,可自定义主题。
- 🤝 支持 Tailwind 类库,如 UnoCSS。
- 🫡 无三方依赖,无需担心三方库版本与安全问题。
- 📦 支持按需引入,减少打包体积。
- 🪜 配套脚手架,快速创建工程。
- 🔗 配套 SVG 合并插件,快速合并 SVG。
- 🍺 配套 IDE 插件,快速查看组件 API。
# 快速上手
```sh
pnpm create stdf
```
```sh
npm create stdf
# 或
npm init stdf
# 或
npx create-stdf
```
```sh
bun create stdf
```
```sh
yarn create stdf
```
# 预览 Demo
扫描二维码访问移动端 Demo: