{"id":13810451,"url":"https://github.com/any-tdf/stdf","last_synced_at":"2026-01-22T11:02:13.465Z","repository":{"id":156974153,"uuid":"633250537","full_name":"any-tdf/stdf","owner":"any-tdf","description":"Mobile web component library based on Svelte and Tailwind","archived":false,"fork":false,"pushed_at":"2025-11-07T09:59:45.000Z","size":11357,"stargazers_count":760,"open_issues_count":6,"forks_count":43,"subscribers_count":4,"default_branch":"main","last_synced_at":"2026-01-16T21:36:45.583Z","etag":null,"topics":["components","design","javascript","mobile","svelte","tailwind","ui-library","unocss"],"latest_commit_sha":null,"homepage":"https://stdf.design","language":"Svelte","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/any-tdf.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["https://stdf.design?fund"]}},"created_at":"2023-04-27T05:21:53.000Z","updated_at":"2026-01-14T21:02:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"b363f402-ce69-47a8-8d36-454658b3172a","html_url":"https://github.com/any-tdf/stdf","commit_stats":{"total_commits":639,"total_committers":7,"mean_commits":91.28571428571429,"dds":"0.020344287949921713","last_synced_commit":"93a24648f24b4de2b456287f5c019793aeb95720"},"previous_names":["any-tdf/stdf","dufu1991/stdf"],"tags_count":58,"template":false,"template_full_name":null,"purl":"pkg:github/any-tdf/stdf","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/any-tdf%2Fstdf","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/any-tdf%2Fstdf/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/any-tdf%2Fstdf/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/any-tdf%2Fstdf/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/any-tdf","download_url":"https://codeload.github.com/any-tdf/stdf/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/any-tdf%2Fstdf/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28661882,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-22T01:17:37.254Z","status":"online","status_checked_at":"2026-01-22T02:00:07.137Z","response_time":144,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","design","javascript","mobile","svelte","tailwind","ui-library","unocss"],"created_at":"2024-08-04T02:00:54.078Z","updated_at":"2026-01-22T11:02:13.459Z","avatar_url":"https://github.com/any-tdf.png","language":"Svelte","readme":"\u003cdiv align=\"center\"\u003e\n\n[![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)\n[![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)\n[![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)\n[![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)\n[![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)\n[![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)\n[![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)\n[![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)\n[![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)\n[![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)\n\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://stdf.design/assets/favicon_logo_dark/android-chrome-512x512.png\"\u003e\n    \u003cimg src=\"https://stdf.design/assets/favicon_logo/android-chrome-512x512.png\" alt=\"logo\" width=\"120\" height=\"auto\" /\u003e\n  \u003c/picture\u003e\n  \n  \u003ch1\u003eSTDF\u003c/h1\u003e\n\n![](https://img.shields.io/badge/-Svelte%205-%23ff3e00?logo=svelte\u0026logoColor=ffffff)\n![](https://img.shields.io/badge/-Tailwind%204-%2300a6f4?logo=tailwindcss\u0026logoColor=ffffff)\n![](https://img.shields.io/badge/-TypeScript-%233178c6?logo=typescript\u0026logoColor=ffffff)\n\n[![npm](https://img.shields.io/npm/v/stdf?logo=npm\u0026label=stdf\u0026style=for-the-badge\u0026color=aeb5f4\u0026logoColor=DCE4FD\u0026labelColor=010319)](https://www.npmjs.com/package/stdf)\n[![npm](https://img.shields.io/npm/v/create-stdf?logo=npm\u0026label=create\u0026style=for-the-badge\u0026color=ebb2ba\u0026logoColor=FBDDDD\u0026labelColor=190104)](https://www.npmjs.com/package/create-stdf)\n[![npm](https://img.shields.io/npm/v/rollup-plugin-stdf-icon?logo=npm\u0026label=icon\u0026style=for-the-badge\u0026color=8cf2be\u0026logoColor=D5FCE3\u0026labelColor=01190C)](https://www.npmjs.com/package/rollup-plugin-stdf-icon)\n[![npm](https://img.shields.io/npm/v/rollup-plugin-md-ts?logo=npm\u0026label=md\u0026style=for-the-badge\u0026color=fda0f0\u0026logoColor=fda0f0\u0026labelColor=12020f)](https://www.npmjs.com/package/rollup-plugin-md-ts)\n[![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=\u0026label=extension\u0026style=for-the-badge\u0026color=c7f292\u0026logoColor=F0FCD6\u0026labelColor=0E1901)](https://marketplace.visualstudio.com/items?itemName=STDF.stdf-vscode-extension)\n[![GitHub stars](https://img.shields.io/github/stars/any-tdf/stdf?logo=github\u0026label=star\u0026style=for-the-badge\u0026color=A1DAD7\u0026logoColor=D9F8F2\u0026labelColor=011918)](https://github.com/any-tdf/stdf)\n[![GitHub license](https://img.shields.io/github/license/any-tdf/stdf?logo=github\u0026style=for-the-badge\u0026color=B9C46A\u0026logoColor=F3F3CB\u0026labelColor=161901)](https://github.com/any-tdf/stdf)\n\n  \u003ch3\u003e\n    \u003ca href=\"https://stdf.design\" target=\"_blank\"\u003eWebsite\u003c/a\u003e\n  \u003c/h3\u003e\n  \u003cp\u003e\n    \u003ca href=\"https://github.com/any-tdf/stdf/blob/main/README.md\" target=\"_blank\"\u003eEnglish\u003c/a\u003e\n    \u003cspan\u003e • \u003c/span\u003e\n    \u003ca href=\"https://github.com/any-tdf/stdf/blob/main/readme/README_zh_CN.md\" target=\"_blank\"\u003e简体中文\u003c/a\u003e\n    \u003cspan\u003e • \u003c/span\u003e\n    \u003ca href=\"https://github.com/any-tdf/stdf/blob/main/readme/README_zh_TW.md\" target=\"_blank\"\u003e繁體中文\u003c/a\u003e\n    \u003cspan\u003e • \u003c/span\u003e\n    \u003ca href=\"https://github.com/any-tdf/stdf/blob/main/readme/README_ja_JP.md\" target=\"_blank\"\u003e日本語\u003c/a\u003e\n    \u003cspan\u003e • \u003c/span\u003e\n    \u003ca href=\"https://github.com/any-tdf/stdf/blob/main/readme/README_ko_KR.md\" target=\"_blank\"\u003e한국어\u003c/a\u003e\n    \u003cspan\u003e • \u003c/span\u003e\n    \u003ca href=\"https://github.com/any-tdf/stdf/blob/main/readme/README_es_ES.md\" target=\"_blank\"\u003eEspañol\u003c/a\u003e\n    \u003cspan\u003e • \u003c/span\u003e\n    \u003ca href=\"https://github.com/any-tdf/stdf/blob/main/readme/README_ru_RU.md\" target=\"_blank\"\u003eРусский\u003c/a\u003e\n    \u003cspan\u003e • \u003c/span\u003e\n    \u003ca href=\"https://github.com/any-tdf/stdf/blob/main/readme/README_fr_FR.md\" target=\"_blank\"\u003eFrançais\u003c/a\u003e\n    \u003cspan\u003e • \u003c/span\u003e\n    \u003ca href=\"https://github.com/any-tdf/stdf/blob/main/readme/README_de_DE.md\" target=\"_blank\"\u003eDeutsch\u003c/a\u003e\n    \u003cspan\u003e • \u003c/span\u003e\n    \u003ca href=\"https://github.com/any-tdf/stdf/blob/main/readme/README_it_IT.md\" target=\"_blank\"\u003eItaliano\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n# Introduction\n\nMobile web component library based on [Svelte](https://svelte.dev) and [Tailwind](https://www.tailwindcss.com) .\n\n\u003e **S**imple • **T**iny • **D**esign • **F**ast\n\n# Features\n\n- 🔥 Full support for Svelte v5, Tailwind CSS v4, and TypeScript.\n- 🚀 No runtime, no virtual DOM — runs faster online.\n- 🧰 Rich API — easily configure component styles to meet your needs.\n- 🍭 Supports dark mode and multiple theme configuration.\n- 📖 Provides extensive Chinese and English documentation and component examples.\n- 🌍 Supports internationalization, with 60+ built-in language packages.\n- 🫰 User-friendly interaction, animation parameters can be configured, and custom themes are supported.\n- 🤝 Supports Tailwind libraries such as UnoCSS.\n- 🫡 No third-party dependencies — no need to worry about library versions or security issues.\n- 📦 Supports on-demand import to reduce bundle size.\n- 🪜 Comes with a scaffolding tool for quick project creation.\n- 🔗 Comes with an SVG merging plugin for quickly merging SVG files, support Iconify.\n- 🍺 IDE plugin for quickly viewing component APIs.\n\n# Getting Started\n\n\u003c!-- :::code-groups --\u003e\n\u003c!-- pnpm --\u003e\n```sh\npnpm create stdf@latest\n```\n\u003c!-- :: --\u003e\n\u003c!-- npm --\u003e\n```sh\nnpm create stdf@latest\n# or\nnpm init stdf@latest\n# or\nnpx create-stdf@latest\n```\n\u003c!-- :: --\u003e\n\u003c!-- bun --\u003e\n```sh\nbun create stdf@latest\n```\n\u003c!-- :: --\u003e\n\u003c!-- yarn --\u003e\n```sh\nyarn create stdf@latest\n```\n\u003c!-- ::: --\u003e\n\n# Preview Demo\n\nPlease scan the QR code to access the mobile demo:\n\n\u003cpicture\u003e\n  \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://stdf.design/assets/qr/demo_en_dark.png\"\u003e\n  \u003cimg src=\"https://stdf.design/assets/qr/demo_en.png\" width=\"220\" height=\"220\" \u003e\n\u003c/picture\u003e\n\n# Quick Try\n\nYou can quickly try STDF on StackBlitz's [STDF Demo](https://stackblitz.com/github/any-tdf/demo-stdf?startScript=dev_en).\n\n# Feedback and Communication\n\nWe 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:\n\n- [QQ Group](https://qm.qq.com/cgi-bin/qm/qr?_wv=1027\u0026k=U8ZlXJ3KVpTI9oZzs1jBnyWc3gVA0h6Y\u0026authKey=ScWu0nU9g8BqNsC7o2eYkESwgVDVz9vzGNZEb17MrEAay9%2F7bTkXDiLJRIzo2vrg\u0026noverify=0\u0026group_code=581073686)\n- [QQ Discord](https://pd.qq.com/s/fdd8incyr)\n- [Discord](https://discord.gg/DMkHu8GGre)\n- [Discussions](https://github.com/any-tdf/stdf/discussions)\n\n# Contributors\n\n\u003ca href=\"https://github.com/any-tdf/stdf/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.nn.ci/api?repo=any-tdf/stdf\" /\u003e\n\u003c/a\u003e\n\n# Sponsors\n\n\u003ca href=\"https://github.com/sbscan\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://avatars.githubusercontent.com/sbscan\" width=\"60\" height=\"auto\" style=\"border-radius:100%\" \u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/MuGuiLin\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://avatars.githubusercontent.com/MuGuiLin\" width=\"60\" height=\"auto\" style='border-radius:100%' \u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/yuedanlabs\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://avatars.githubusercontent.com/yuedanlabs\" width=\"60\" height=\"auto\" style='border-radius:100%' \u003e\n\u003c/a\u003e\n\n# License\n\nThis 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.\n\n# Star History\n\n\u003ca href=\"https://github.com/any-tdf/stdf\"\u003e\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://api.star-history.com/svg?repos=any-tdf/stdf\u0026type=Timeline\u0026theme=dark\" /\u003e\n    \u003cimg alt=\"Star History Chart\" width=\"100%\" src=\"https://api.star-history.com/svg?repos=any-tdf/stdf\u0026type=Timeline\" /\u003e\n  \u003c/picture\u003e\n\u003c/a\u003e\n","funding_links":["https://stdf.design?fund"],"categories":["Svelte"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fany-tdf%2Fstdf","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fany-tdf%2Fstdf","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fany-tdf%2Fstdf/lists"}