stdf/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://img.shields.io/badge/-Svelte%205-%23ff3e00?logo=svelte&logoColor=ffffff) ![](https://img.shields.io/badge/-Tailwind%204-%2300a6f4?logo=tailwindcss&logoColor=ffffff) ![](https://img.shields.io/badge/-TypeScript-%233178c6?logo=typescript&logoColor=ffffff) [](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)

Webseite

English • 简体中文 • 繁體中文 • 日本語 • 한국어 • Español • Русский • Français • Deutsch • Italiano

Einführung

Mobile Web-Komponentenbibliothek basierend auf Svelte und Tailwind.

Simple • Tiny • Design • Fast

Einfach • Leicht • Design • Schnell

Funktionen

• 🔥 Vollständige Unterstützung für Svelte v5, Tailwind CSS v4 und TypeScript.
• 🚀 Keine Laufzeit, kein virtuelles DOM — läuft schneller online.
• 🧰 Reiche API — konfigurieren Sie einfach Komponentenstile, um Ihre Bedürfnisse zu erfüllen.
• 🍭 Unterstützt dunklen Modus und mehrere Theme-Konfigurationen.
• 📖 Bietet umfangreiche deutsche und englische Dokumentation und Komponentenbeispiele.
• 🌍 Unterstützt Internationalisierung mit über 60 eingebauten Sprachpaketen.
• 🫰 Benutzerfreundliche Interaktion, konfigurierbare Animationsparameter und Unterstützung für benutzerdefinierte Themes.
• 🤝 Unterstützt Tailwind-Bibliotheken wie UnoCSS.
• 🫡 Keine Drittanbieter-Abhängigkeiten — keine Sorgen über Bibliotheksversionen oder Sicherheitsprobleme.
• 📦 Unterstützt On-Demand-Import zur Reduzierung der Bundle-Größe.
• 🪜 Kommt mit einem Scaffolding-Tool für schnelle Projekterstellung.
• 🔗 Kommt mit einem SVG-Merge-Plugin zum schnellen Zusammenführen von SVG-Dateien, unterstützt Iconify.
• 🍺 IDE-Plugin zum schnellen Anzeigen von Komponenten-APIs.

Erste Schritte

pnpm create stdf@latest

npm create stdf@latest
# oder
npm init stdf@latest
# oder
npx create-stdf@latest

bun create stdf@latest

yarn create stdf@latest

Demo-Vorschau

Scannen Sie den QR-Code, um auf die mobile Demo zuzugreifen:

Schneller Test

Sie können STDF schnell auf StackBlitz's STDF Demo ausprobieren.

Feedback und Kommunikation

Wir empfehlen die Verwendung von GitHub Issues für direktes und effektives Feedback und Kommunikation. Code-Beiträge sind ebenfalls sehr geschätzt. Sie können auch aus den folgenden Optionen wählen:

• QQ-Gruppe
• QQ Discord
• Discord
• Discussions

Mitwirkende

Sponsoren

Lizenz

Dieses Projekt ist unter der MIT-Lizenz lizenziert. Fühlen Sie sich frei, dieses Open-Source-Projekt zu genießen und dazu beizutragen.

Star-Geschichte

<source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=any-tdf/stdf&type=Timeline&theme=dark" />
<img alt="Star History Chart" width="100%" src="https://api.star-history.com/svg?repos=any-tdf/stdf&type=Timeline" />