|
@@ -0,0 +1,162 @@
|
|
|
|
|
+<div align="center">
|
|
|
|
|
+
|
|
|
|
|
+[](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)
|
|
|
|
|
+
|
|
|
|
|
+ <picture>
|
|
|
|
|
+ <source media="(prefers-color-scheme: dark)" srcset="https://stdf.design/assets/favicon_logo_dark/android-chrome-512x512.png">
|
|
|
|
|
+ <img src="https://stdf.design/assets/favicon_logo/android-chrome-512x512.png" alt="logo" width="120" height="auto" />
|
|
|
|
|
+ </picture>
|
|
|
|
|
+
|
|
|
|
|
+ <h1>STDF</h1>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+[](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)
|
|
|
|
|
+
|
|
|
|
|
+ <h3>
|
|
|
|
|
+ <a href="https://stdf.design" target="_blank">Sitio web</a>
|
|
|
|
|
+ </h3>
|
|
|
|
|
+ <p>
|
|
|
|
|
+ <a href="https://github.com/any-tdf/stdf/blob/main/README.md" target="_blank">English</a>
|
|
|
|
|
+ <span> • </span>
|
|
|
|
|
+ <a href="https://github.com/any-tdf/stdf/blob/main/README_zh_CN.md" target="_blank">简体中文</a>
|
|
|
|
|
+ <span> • </span>
|
|
|
|
|
+ <a href="https://github.com/any-tdf/stdf/blob/main/README_zh_TW.md" target="_blank">繁體中文</a>
|
|
|
|
|
+ <span> • </span>
|
|
|
|
|
+ <a href="https://github.com/any-tdf/stdf/blob/main/README_ja_JP.md" target="_blank">日本語</a>
|
|
|
|
|
+ <span> • </span>
|
|
|
|
|
+ <a href="https://github.com/any-tdf/stdf/blob/main/README_ko_KR.md" target="_blank">한국어</a>
|
|
|
|
|
+ <span> • </span>
|
|
|
|
|
+ <a href="https://github.com/any-tdf/stdf/blob/main/README_es_ES.md" target="_blank">Español</a>
|
|
|
|
|
+ <span> • </span>
|
|
|
|
|
+ <a href="https://github.com/any-tdf/stdf/blob/main/README_ru_RU.md" target="_blank">Русский</a>
|
|
|
|
|
+ <span> • </span>
|
|
|
|
|
+ <a href="https://github.com/any-tdf/stdf/blob/main/README_fr_FR.md" target="_blank">Français</a>
|
|
|
|
|
+ <span> • </span>
|
|
|
|
|
+ <a href="https://github.com/any-tdf/stdf/blob/main/README_de_DE.md" target="_blank">Deutsch</a>
|
|
|
|
|
+ <span> • </span>
|
|
|
|
|
+ <a href="https://github.com/any-tdf/stdf/blob/main/README_it_IT.md" target="_blank">Italiano</a>
|
|
|
|
|
+ </p>
|
|
|
|
|
+</div>
|
|
|
|
|
+
|
|
|
|
|
+# Introducción
|
|
|
|
|
+
|
|
|
|
|
+Biblioteca de componentes web móviles basada en [Svelte](https://svelte.dev) y [Tailwind](https://www.tailwindcss.com).
|
|
|
|
|
+
|
|
|
|
|
+> **S**imple • **T**iny • **D**esign • **F**ast
|
|
|
|
|
+
|
|
|
|
|
+> Simple • Ligero • Diseño • Rápido
|
|
|
|
|
+
|
|
|
|
|
+# Características
|
|
|
|
|
+
|
|
|
|
|
+- 🔥 Soporte completo para Svelte v5, Tailwind CSS v4 y TypeScript.
|
|
|
|
|
+- 🚀 Sin tiempo de ejecución, sin DOM virtual — funciona más rápido en línea.
|
|
|
|
|
+- 🧰 API rica — configura fácilmente estilos de componentes para satisfacer tus necesidades.
|
|
|
|
|
+- 🍭 Soporta modo oscuro y configuración de múltiples temas.
|
|
|
|
|
+- 📖 Proporciona documentación extensa en español e inglés y ejemplos de componentes.
|
|
|
|
|
+- 🌍 Soporta internacionalización, con más de 60 paquetes de idiomas incorporados.
|
|
|
|
|
+- 🫰 Interacción amigable, parámetros de animación configurables y soporte para temas personalizados.
|
|
|
|
|
+- 🤝 Soporta bibliotecas de Tailwind como UnoCSS.
|
|
|
|
|
+- 🫡 Sin dependencias de terceros — no necesitas preocuparte por versiones de bibliotecas o problemas de seguridad.
|
|
|
|
|
+- 📦 Soporta importación bajo demanda para reducir el tamaño del bundle.
|
|
|
|
|
+- 🪜 Viene con una herramienta de scaffolding para creación rápida de proyectos.
|
|
|
|
|
+- 🔗 Viene con un plugin de fusión SVG para fusionar rápidamente archivos SVG, soporta Iconify.
|
|
|
|
|
+- 🍺 Plugin IDE para ver rápidamente las APIs de componentes.
|
|
|
|
|
+
|
|
|
|
|
+# Comenzar
|
|
|
|
|
+
|
|
|
|
|
+<!-- :::code-groups -->
|
|
|
|
|
+<!-- pnpm -->
|
|
|
|
|
+```sh
|
|
|
|
|
+pnpm create stdf@latest
|
|
|
|
|
+```
|
|
|
|
|
+<!-- :: -->
|
|
|
|
|
+<!-- npm -->
|
|
|
|
|
+```sh
|
|
|
|
|
+npm create stdf@latest
|
|
|
|
|
+# o
|
|
|
|
|
+npm init stdf@latest
|
|
|
|
|
+# o
|
|
|
|
|
+npx create-stdf@latest
|
|
|
|
|
+```
|
|
|
|
|
+<!-- :: -->
|
|
|
|
|
+<!-- bun -->
|
|
|
|
|
+```sh
|
|
|
|
|
+bun create stdf@latest
|
|
|
|
|
+```
|
|
|
|
|
+<!-- :: -->
|
|
|
|
|
+<!-- yarn -->
|
|
|
|
|
+```sh
|
|
|
|
|
+yarn create stdf@latest
|
|
|
|
|
+```
|
|
|
|
|
+<!-- ::: -->
|
|
|
|
|
+
|
|
|
|
|
+# Vista previa de la demo
|
|
|
|
|
+
|
|
|
|
|
+Escanea el código QR para acceder a la demo móvil:
|
|
|
|
|
+
|
|
|
|
|
+<picture>
|
|
|
|
|
+ <source media="(prefers-color-scheme: dark)" srcset="https://stdf.design/assets/qr/demo_en_dark.png">
|
|
|
|
|
+ <img src="https://stdf.design/assets/qr/demo_en.png" width="220" height="220" >
|
|
|
|
|
+</picture>
|
|
|
|
|
+
|
|
|
|
|
+# Prueba rápida
|
|
|
|
|
+
|
|
|
|
|
+Puedes probar rápidamente STDF en [STDF Demo](https://stackblitz.com/github/any-tdf/demo-stdf) de StackBlitz.
|
|
|
|
|
+
|
|
|
|
|
+# Comentarios y comunicación
|
|
|
|
|
+
|
|
|
|
|
+Recomendamos usar [GitHub Issues](https://github.com/any-tdf/stdf/issues) para comentarios y comunicación directa y efectiva. Las contribuciones de código también son muy apreciadas. También puedes elegir entre las siguientes opciones:
|
|
|
|
|
+
|
|
|
|
|
+- [Grupo 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)
|
|
|
|
|
+- [Discussions](https://github.com/any-tdf/stdf/discussions)
|
|
|
|
|
+
|
|
|
|
|
+# Contribuidores
|
|
|
|
|
+
|
|
|
|
|
+<a href="https://github.com/any-tdf/stdf/graphs/contributors">
|
|
|
|
|
+ <img src="https://contrib.nn.ci/api?repo=any-tdf/stdf" />
|
|
|
|
|
+</a>
|
|
|
|
|
+
|
|
|
|
|
+# Patrocinadores
|
|
|
|
|
+
|
|
|
|
|
+<a href="https://github.com/sbscan" target="_blank">
|
|
|
|
|
+ <img src="https://avatars.githubusercontent.com/sbscan" width="60" height="auto" style="border-radius:100%" >
|
|
|
|
|
+</a>
|
|
|
|
|
+<a href="https://github.com/MuGuiLin" target="_blank">
|
|
|
|
|
+ <img src="https://avatars.githubusercontent.com/MuGuiLin" width="60" height="auto" style='border-radius:100%' >
|
|
|
|
|
+</a>
|
|
|
|
|
+<a href="https://github.com/yuedanlabs" target="_blank">
|
|
|
|
|
+ <img src="https://avatars.githubusercontent.com/yuedanlabs" width="60" height="auto" style='border-radius:100%' >
|
|
|
|
|
+</a>
|
|
|
|
|
+
|
|
|
|
|
+# Licencia
|
|
|
|
|
+
|
|
|
|
|
+Este proyecto está licenciado bajo la [Licencia MIT](https://github.com/any-tdf/stdf/blob/main/LICENSE). Siéntete libre de disfrutar y contribuir a este proyecto de código abierto.
|
|
|
|
|
+
|
|
|
|
|
+# Historial de estrellas
|
|
|
|
|
+
|
|
|
|
|
+<a href="https://github.com/any-tdf/stdf">
|
|
|
|
|
+ <picture>
|
|
|
|
|
+ <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" />
|
|
|
|
|
+ </picture>
|
|
|
|
|
+</a>
|