[![Public STDF Status](https://github.com/any-tdf/stdf/actions/workflows/publish-stdf.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/publish-stdf.yml) [![Releases STDF Status](https://github.com/any-tdf/stdf/actions/workflows/releases-stdf.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/releases-stdf.yml) [![Sync Demo Status](https://github.com/any-tdf/stdf/actions/workflows/sync-demo.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/sync-demo.yml) [![Releases Demo](https://github.com/any-tdf/demo-stdf/actions/workflows/releases-demo.yml/badge.svg)](https://github.com/any-tdf/demo-stdf/actions/workflows/releases-demo.yml) [![Public Create Status](https://github.com/any-tdf/stdf/actions/workflows/publish-create.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/publish-create.yml) [![Public Icon Status](https://github.com/any-tdf/stdf/actions/workflows/publish-icon.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/publish-icon.yml) [![Public MD Status](https://github.com/any-tdf/stdf/actions/workflows/publish-md.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/publish-md.yml) [![Public VS Code Extension Status](https://github.com/any-tdf/stdf/actions/workflows/publish-vscode.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/publish-vscode.yml) [![Sync Gitee Status](https://github.com/any-tdf/stdf/actions/workflows/sync-gitee.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/sync-gitee.yml) [![Releases Site](https://github.com/any-tdf/stdf/actions/workflows/releases-site.yml/badge.svg)](https://github.com/any-tdf/stdf/actions/workflows/releases-site.yml) logo

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) [![npm](https://img.shields.io/npm/v/stdf?logo=npm&label=stdf&style=for-the-badge&color=aeb5f4&logoColor=DCE4FD&labelColor=010319)](https://www.npmjs.com/package/stdf) [![npm](https://img.shields.io/npm/v/create-stdf?logo=npm&label=create&style=for-the-badge&color=ebb2ba&logoColor=FBDDDD&labelColor=190104)](https://www.npmjs.com/package/create-stdf) [![npm](https://img.shields.io/npm/v/rollup-plugin-stdf-icon?logo=npm&label=icon&style=for-the-badge&color=8cf2be&logoColor=D5FCE3&labelColor=01190C)](https://www.npmjs.com/package/rollup-plugin-stdf-icon) [![npm](https://img.shields.io/npm/v/rollup-plugin-md-ts?logo=npm&label=md&style=for-the-badge&color=fda0f0&logoColor=fda0f0&labelColor=12020f)](https://www.npmjs.com/package/rollup-plugin-md-ts) [![Visual Studio Marketplace Version (including pre-releases)](https://img.shields.io/visual-studio-marketplace/v/STDF.stdf-vscode-extension?logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgogICAgPHBhdGgKICAgICAgICBmaWxsPSIjRjBGQ0Q2IgogICAgICAgIGQ9Ik0zMC44NjUgMy40NDhMMjQuMjgyLjI4MWExLjk5IDEuOTkgMCAwIDAtMi4yNzYuMzg1TDkuMzk3IDEyLjE3MUwzLjkwMiA4LjAwNGExLjMzIDEuMzMgMCAwIDAtMS43MDMuMDczTC40MzkgOS42ODFhMS4zMyAxLjMzIDAgMCAwLS4wMDUgMS45NjlMNS4yIDE1Ljk5OUwuNDM0IDIwLjM0OGExLjMzIDEuMzMgMCAwIDAgLjAwNSAxLjk2OWwxLjc2IDEuNjA0YTEuMzMgMS4zMyAwIDAgMCAxLjcwMy4wNzNsNS40OTUtNC4xNzJsMTIuNjE1IDExLjUxYTEuOTgyIDEuOTgyIDAgMCAwIDIuMjcxLjM4NWw2LjU4OS0zLjE3MmExLjk5MyAxLjk5MyAwIDAgMCAxLjEzLTEuODAyVjUuMjQ4YzAtLjc2Ni0uNDQzLTEuNDY5LTEuMTM1LTEuODAyem0tNi44NiAxOS44MThMMTQuNDMyIDE2bDkuNTczLTcuMjY2eiIKICAgIC8+Cjwvc3ZnPgo=&label=extension&style=for-the-badge&color=c7f292&logoColor=F0FCD6&labelColor=0E1901)](https://marketplace.visualstudio.com/items?itemName=STDF.stdf-vscode-extension) [![GitHub stars](https://img.shields.io/github/stars/any-tdf/stdf?logo=github&label=star&style=for-the-badge&color=A1DAD7&logoColor=D9F8F2&labelColor=011918)](https://github.com/any-tdf/stdf) [![GitHub license](https://img.shields.io/github/license/any-tdf/stdf?logo=github&style=for-the-badge&color=B9C46A&logoColor=F3F3CB&labelColor=161901)](https://github.com/any-tdf/stdf)

ウェブサイト

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

# はじめに [Svelte](https://svelte.dev) と [Tailwind](https://www.tailwindcss.com)をベースにしたモバイル Web コンポーネントライブラリです。。 > **S**imple • **T**iny • **D**esign • **F**ast # 特徴 - 🔥 Svelte v5、Tailwind CSS v4、TypeScript を完全サポート。 - 🚀 ランタイムなし、仮想 DOM なし — オンラインでより高速に動作。 - 🧰 豊富な API — コンポーネントスタイルを簡単に設定してニーズに対応。 - 🍭 ダークモードと複数テーマ設定をサポート。 - 📖 豊富な中国語と英語のドキュメントとコンポーネント例を提供。 - 🌍 国際化をサポート、60 以上の内蔵言語パッケージ。 - 🫰 ユーザーフレンドリーなインタラクション、アニメーションパラメータの設定可能、カスタムテーマをサポート。 - 🤝 UnoCSS などの Tailwind ライブラリをサポート。 - 🫡 サードパーティの依存関係なし — ライブラリのバージョンやセキュリティ問題を心配する必要なし。 - 📦 オンデマンドインポートをサポートしてバンドルサイズを削減。 - 🪜 プロジェクトを素早く作成するためのスキャフォールディングツールを付属。 - 🔗 SVG ファイルを素早くマージするための SVG マージプラグインを付属、Iconify をサポート。 - 🍺 コンポーネント API を素早く確認するための IDE プラグイン。 # はじめ方 ```sh pnpm create stdf@latest ``` ```sh npm create stdf@latest # または npm init stdf@latest # または npx create-stdf@latest ``` ```sh bun create stdf@latest ``` ```sh yarn create stdf@latest ``` # デモプレビュー QR コードをスキャンしてモバイルデモにアクセスしてください： # クイック試用 StackBlitz の[STDF デモ](https://stackblitz.com/github/any-tdf/demo-stdf)で STDF を素早く試すことができます。 # フィードバックとコミュニケーション 直接的で効果的なフィードバックとコミュニケーションには[GitHub Issues](https://github.com/any-tdf/stdf/issues)の使用をお勧めします。コードの貢献も大歓迎です。以下のオプションからも選択できます： - [QQ グループ](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) - [ディスカッション](https://github.com/any-tdf/stdf/discussions) # 貢献者 # スポンサー # ライセンス このプロジェクトは[MIT ライセンス](https://github.com/any-tdf/stdf/blob/main/LICENSE)の下でライセンスされています。このオープンソースプロジェクトを自由にお楽しみいただき、貢献してください。 # スター履歴 Star History Chart