# 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
[](https://starchart.cc/dufu1991/stdf)