https://github.com/any-tdf/stdf
Mobile web component library based on Svelte and Tailwind
https://github.com/any-tdf/stdf
components design javascript mobile svelte tailwind ui-library unocss
Last synced: 9 days ago
JSON representation
Mobile web component library based on Svelte and Tailwind
- Host: GitHub
- URL: https://github.com/any-tdf/stdf
- Owner: any-tdf
- License: mit
- Created: 2023-04-27T05:21:53.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-11-07T09:59:45.000Z (3 months ago)
- Last Synced: 2026-01-16T21:36:45.583Z (15 days ago)
- Topics: components, design, javascript, mobile, svelte, tailwind, ui-library, unocss
- Language: Svelte
- Homepage: https://stdf.design
- Size: 10.8 MB
- Stars: 760
- Watchers: 4
- Forks: 43
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
[](https://github.com/any-tdf/stdf/actions/workflows/publish-stdf.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/releases-stdf.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/sync-demo.yml)
[](https://github.com/any-tdf/demo-stdf/actions/workflows/releases-demo.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/publish-create.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/publish-icon.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/publish-md.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/publish-vscode.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/sync-gitee.yml)
[](https://github.com/any-tdf/stdf/actions/workflows/releases-site.yml)
STDF
[](https://www.npmjs.com/package/stdf)
[](https://www.npmjs.com/package/create-stdf)
[](https://www.npmjs.com/package/rollup-plugin-stdf-icon)
[](https://www.npmjs.com/package/rollup-plugin-md-ts)
[](https://marketplace.visualstudio.com/items?itemName=STDF.stdf-vscode-extension)
[](https://github.com/any-tdf/stdf)
[](https://github.com/any-tdf/stdf)
Website
English
•
简体中文
•
繁體中文
•
日本語
•
한국어
•
Español
•
Русский
•
Français
•
Deutsch
•
Italiano
# Introduction
Mobile web component library based on [Svelte](https://svelte.dev) and [Tailwind](https://www.tailwindcss.com) .
> **S**imple • **T**iny • **D**esign • **F**ast
# Features
- 🔥 Full support for Svelte v5, Tailwind CSS v4, and TypeScript.
- 🚀 No runtime, no virtual DOM — runs faster online.
- 🧰 Rich API — easily configure component styles to meet your needs.
- 🍭 Supports dark mode and multiple theme configuration.
- 📖 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 UnoCSS.
- 🫡 No third-party dependencies — no need to worry about library versions or security issues.
- 📦 Supports on-demand import to reduce bundle size.
- 🪜 Comes with a scaffolding tool for quick project creation.
- 🔗 Comes with an SVG merging plugin for quickly merging SVG files, support Iconify.
- 🍺 IDE plugin for quickly viewing component APIs.
# Getting Started
```sh
pnpm create stdf@latest
```
```sh
npm create stdf@latest
# or
npm init stdf@latest
# or
npx create-stdf@latest
```
```sh
bun create stdf@latest
```
```sh
yarn create stdf@latest
```
# Preview Demo
Please scan the QR code to access the mobile demo:
# Quick Try
You can quickly try STDF on StackBlitz's [STDF Demo](https://stackblitz.com/github/any-tdf/demo-stdf?startScript=dev_en).
# Feedback and Communication
We recommend using [GitHub Issues](https://github.com/any-tdf/stdf/issues) for direct and effective feedback and communication. Contributions of code are also highly appreciated. You can also choose from the following options:
- [QQ Group](https://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=U8ZlXJ3KVpTI9oZzs1jBnyWc3gVA0h6Y&authKey=ScWu0nU9g8BqNsC7o2eYkESwgVDVz9vzGNZEb17MrEAay9%2F7bTkXDiLJRIzo2vrg&noverify=0&group_code=581073686)
- [QQ Discord](https://pd.qq.com/s/fdd8incyr)
- [Discord](https://discord.gg/DMkHu8GGre)
- [Discussions](https://github.com/any-tdf/stdf/discussions)
# Contributors
# Sponsors
# License
This project is licensed under the [MIT License](https://github.com/any-tdf/stdf/blob/main/LICENSE). Feel free to enjoy and contribute to this open-source project.
# Star History
