STDF

Weekly Pick

STDF 是一个基于 Svelte 和 Tailwind 的移动 web 组件库,旨在提供简单、轻量、设计优雅且快速的开发体验。支持暗色模式、国际化、自定义主题,并内置丰富文档和示例。

欢迎使用 STDF,希望给你带来更好的开发体验。# 👋 Hello给大家介绍一下前不久我开源的基于 Svelte 与 Tailwind 的移动 web 组件库 - STDF。仓库:https://github.com/dufu1991/stdf 。# 介绍基于 SvelteTailwind 的移动 web 组件库。> Simple • Thin • Design • Fast> 简 单 • 轻 量 • 设 计 • 快 速# 特性- 🚀 无运行时,无虚拟 DOM,线上运行更快;- 🧰 API 丰富,轻松配置出符合需求的组件样式;- ✍ 基于 Svelte 和 Tailwind,编码迅速轻松;- 🍭 支持暗色模式;- 📖 提供丰富的中英文文档和组件示例;- 🌍 支持国际化,已内置 60+ 种语言包;- 🫰 交互友好,动画参数可配,可自定义主题;- 🤝 支持 Tailwind 类库,如 Windi CSS、UnoCSS 等;- 🫡 无三方依赖,无需担心三方库版本与安全问题。# 快速上手## 安装已有配置好 Svelte 与 Tailwind 的工程,直接安装。bashnpm i stdf# oryarn add stdf# orpnpm i stdf## 使用xml<!-- Button Demo --><script>import { Button } from 'stdf';</script><Button>默认</Button>😓 无工程?用 Vite 示例创建工程,参考 Vite 文档。并配置 Tailwind CSS,参考 Tailwind CSS 文档。# 手机预览可以手机扫描以下二维码访问手机端 Demo:<img src="https://stdf.design/assets/qr/demo_qr.jpg" width="220" height="220" ># 开源协议本项目基于 MIT 协议,请自由地享受和参与开源。