[![Public Status](https://github.com/dufu1991/stdf/actions/workflows/auto-public-npm.yml/badge.svg)](https://github.com/dufu1991/stdf/actions/workflows/auto-public-npm.yml) [![Releases Status](https://github.com/dufu1991/stdf/actions/workflows/auto-releases.yml/badge.svg)](https://github.com/dufu1991/stdf/actions/workflows/auto-releases.yml) [![Deploy Status](https://github.com/dufu1991/stdf/actions/workflows/auto-deploy-demo.yml/badge.svg)](https://github.com/dufu1991/stdf/actions/workflows/auto-deploy-demo.yml) [![Sync Status](https://github.com/dufu1991/stdf/actions/workflows/auto-sync-demo.yml/badge.svg)](https://github.com/dufu1991/stdf/actions/workflows/auto-sync-demo.yml)
logo
S T D F
中文 Website


[![NPM Version](https://badgen.net/npm/v/stdf?color=b1322f)](https://www.npmjs.com/package/stdf) [![NPM Installs](https://badgen.net/npm/dt/stdf?label=installs&icon=npm)](https://www.npmjs.com/package/stdf) [![NPM Minzip](https://badgen.net/bundlephobia/minzip/stdf?label=minzip&icon=npm&color=d26027)](https://www.npmjs.com/package/stdf) [![NPM Dependency](https://badgen.net/bundlephobia/dependency-count/stdf?label=dependency&icon=npm&color=7a4489)](https://www.npmjs.com/package/stdf) [![Github Stars](https://badgen.net/github/stars/dufu1991/stdf?icon=github&color=202328)](https://github.com/dufu1991/stdf) [![License](https://badgen.net/github/license/dufu1991/stdf)](https://github.com/dufu1991/stdf/blob/main/LICENSE)

# Introduction Mobile web component library based on [Svelte](https://svelte.dev) and [Tailwind](https://www.tailwindcss.com) . > **S**imple • **T**hin • **D**esign • **F**ast # Features - 🚀 No runtime, no virtual DOM, runs faster online; - 🧰 Rich API, easily configure component styles that meet your needs; - ✍ Based on Svelte and Tailwind, coding is quick and easy; - 🍭 Supports dark mode; - 📖 Provides extensive Chinese and English documentation and component examples; - 🌍 Supports internationalization, with 60+ built-in language packages; - 🫰 User-friendly interaction, animation parameters can be configured, and custom themes are supported; - 🤝 Supports Tailwind libraries such as Windi CSS and UnoCSS; - 🫡 No three -party dependence, no need to worry about the three -party library version and security issues. # Getting Started ## Installation If you have a project configured with Svelte and Tailwind, install directly. ```bash npm i stdf -D # or pnpm i stdf -D ``` ## Usage ```xml ``` 😓 No project? Create a project with Vite and reference the [Vite documentation](https://vitejs.dev/guide/#scaffolding-your-first-vite-project) and the [Tailwind CSS documentation](https://tailwindcss.com/docs/guides/vite) for CSS configuration. # Preview Please scan the QR code to access the mobile demo: # License This project is licensed under the [MIT License](https://github.com/dufu1991/stdf/blob/main/LICENSE). Feel free to enjoy and contribute to this open-source project. # Contributors # Stargazers over time [![Stargazers over time](https://starchart.cc/dufu1991/stdf.svg)](https://starchart.cc/dufu1991/stdf)