stdf/README.md

S T D F

[](https://www.npmjs.com/package/stdf) [](https://www.npmjs.com/package/stdf)

English · 网站

介绍

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

Simple · Thin · Design · Fast

简 单 · 轻 量 · 设 计 · 快 速

特性

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

快速上手

安装

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

npm i stdf
# or
yarn add stdf
# or
pnpm i stdf

使用

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

<Button>默认</Button>

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

手机预览

可以手机扫描以下二维码访问手机端 Demo：

开源协议

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