stdf/README.md

[](https://github.com/dufu1991/stdf/actions/workflows/auto-public-npm.yml) [](https://github.com/dufu1991/stdf/actions/workflows/auto-releases.yml) [](https://github.com/dufu1991/stdf/actions/workflows/auto-deploy-demo.yml) [](https://github.com/dufu1991/stdf/actions/workflows/auto-sync-demo.yml)

S T D F

[](https://www.npmjs.com/package/stdf) [](https://www.npmjs.com/package/stdf) [](https://github.com/dufu1991/stdf) [](https://github.com/dufu1991/stdf/blob/main/LICENSE)

English • 网站

介绍

基于 Svelte 与 Tailwind 的移动 web 组件库。

Simple • Thin • Design • Fast

简 单 • 轻 量 • 设 计 • 快 速

特性

• 🚀 无运行时，无虚拟 DOM，线上运行更快；
• 🧰 API 丰富，轻松配置出符合需求的组件样式；
• ✍ 基于 Svelte 和 Tailwind，编码迅速轻松；
• 🍭 支持暗色模式；
• 📖 提供丰富的中英文文档和组件示例；
• 🌍 支持国际化，已内置 60+ 种语言包；
• 🫰 交互友好，动画参数可配，可自定义主题；
• 🤝 支持 Tailwind 类库，如 Windi CSS、UnoCSS 等；
• 🫡 无三方依赖，无需担心三方库版本与安全问题。

快速上手

安装

已有配置好 Svelte 与 Tailwind 的工程，直接安装。

npm i stdf -D
# or
pnpm i stdf -D

使用

<!-- Button Demo -->
<script>
import { Button } from 'stdf';
</script>

<Button>默认</Button>

😓 无工程？用 Vite 示例创建工程，参考 Vite 文档。并配置 Tailwind CSS，参考 Tailwind CSS 文档。

预览

扫描二维码访问移动端 Demo：

开源协议

本项目基于 MIT 协议，请自由地享受和参与开源。

贡献者

Stargazers over time