Logo
Project Icon

awesome-svelte

Svelte开发者的综合资源指南

Svelte前端开发JavaScript框架组件库开发工具Github开源项目

这是一个精选的Svelte资源列表，涵盖官方文档、社区资源、教程、集成工具、UI库和组件。从入门到高级应用，为开发者提供全面的学习和开发参考。列表持续更新，反映Svelte生态系统的最新动态，是开发者探索Svelte世界的理想起点。

访问官网访问官网GithubGithub文档文档
介绍相关项目


awesome-svelte logo

超棒的Svelte Awesome

⚡ 精心策划的Svelte资源列表

Svelte是一种构建Web应用程序的新方法。它是一个编译器，将你的声明式组件转换为高效的JavaScript代码。

欢迎贡献。通过拉取请求添加链接或创建问题以开始讨论。

目录

资源

官方资源

社区

会议

播客

YouTube频道

教程

研究

关于Svelte框架的研究和调查。

集成

预处理

移动端

移动端 UI 框架。

  • Svelte Native - 通过 Nativescript 使用 Svelte 控制原生组件。
  • Framework7 - 用于构建 iOS 和 Android 应用的全功能 HTML 框架。
  • Capacitor - 使用 Web 技术和 Svelte 构建原生移动应用。

状态管理库

  • Svelte-Domain - Svelte 的状态管理库。
  • svelte-asyncable - 支持异步值的 Svelte store 契约。
  • exome - 用于深度嵌套状态的简单代理状态管理器。

UI 库

  • AgnosticUI - 可访问的 Svelte 组件原语（也适用于 React、Vue 3 和 Angular）。
  • Flowbite Svelte - 使用 Tailwind CSS 和 Flowbite 构建的开源 Svelte UI 组件。
  • Sveltestrap - Bootstrap 4 & 5 组件。
  • Smelte - 使用 Tailwind CSS 构建的带有 Material 组件的 UI 框架。
  • Svelte Material UI - Material UI 组件。
  • carbon-components-svelte - IBM Carbon 设计系统的 Svelte 实现。
  • Melt UI - 一组可访问、可重用和可组合的无头组件构建器和实用工具。
  • Radix Svelte - Radix UI Primitives 的非官方社区主导的 Svelte 移植版。
  • attractions - 一个非常酷和现代的 UI 套件。
  • svelte-chota - 基于轻量级 CSS 框架 Chota 构建的组件库。
  • ionic-svelte - Svelte 与 Ionic UI 的集成，用于移动应用开发，包括多个入门模板。
  • Svelte UI - SvelteUI 是一个全面的 Svelte 库。
  • YeSvelte - YeSvelte 是基于 Bootstrap CSS 构建的灵活的 Svelte UI 组件库。
  • Skeleton - Skeleton 使用 Tailwind 实用类和设计系统轻松创建可主题化的用户界面。
  • Svelte UX - 用于构建高度交互应用的大型组件、动作、存储和实用工具集合。
  • STDF - 基于 Svelte 和 Tailwind 的移动端 Web 组件库。
  • M3 Svelte - 实现 Material Design 3 的健壮组件库。
  • AgnosUI - 高度可配置的框架无关无头组件库。
  • daisyUI - Tailwind CSS 最流行的组件库 - daisyUI 为 Tailwind CSS 添加了组件类名，让你能够更快地创建漂亮的网站。
  • SVAR Core for Svelte - 用于构建快速、交互式和响应式 Web 应用的 20 多个 Svelte UI 组件集合。

UI 组件

表格

表格和数据网格。

通知

吐司/snackbar - 通过无模式临时小弹窗通知用户。

网格

图标

日历

在日历中显示不可编辑的事件。

地图

表单

让用户创建和编辑数据。

复选框

开关 / 开/关切换 / 复选框。

图表

  • svelte-frappe-charts - frappe-charts的Svelte绑定。
  • Layer Cake - 一个用于创建可重用图形的Svelte框架。
  • LayerChart - 基于Layer Cake构建的大量可组合Svelte组件，用于创建各种可视化效果。

其他

脚手架

模板 / 样板 / 入门套件 / 技术栈集成 / Yeoman生成器。

实用工具

动画

  • AutoAnimate - 一个零配置、即插即用的动画工具，为您的Svelte应用添加流畅的过渡效果。
  • svelte-typewriter - 一个简单且可重用的打字机效果，适用于您的Svelte应用。

表单

  • svelte-forms-lib - 一个轻量级的表单管理库。
  • Superforms - SvelteKit库，用于处理服务器和客户端验证，以及表单的客户端显示。
  • felte - 可扩展的表单库，内置Yup、Zod、Vest和Superstruct验证。
  • vest - 🦺 受单元测试启发的声明式表单验证框架。
  • svelte-formly - 一个很好的解决方案，用于使用核心和自定义规则生成和控制动态表单，并支持自定义样式。
  • svelte-form-builder - 为Svelte构建的无代码拖放式表单构建器。
  • Formsnap - 基于Superforms和Zod构建的高级Svelte表单组件。

WebGL

  • svelthree - 用于声明式构建响应式和可重用three.js场景图的组件库。
  • threlte - three.js的Svelte封装。

PWA

门户

字体

国际化

  • svelte-fluent - 用于轻松集成Fluent本地化的组件。
  • svelte-i18n - Svelte的国际化库。
  • VoerkaI18n - 适用于Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative的国际化解决方案。
  • sveltekit-i18n - 用于在SvelteKit中集成i18n样式本地化。
  • @tolgee/svelte - 基于Web的本地化工具，使用户能够直接在他们开发的Svelte应用中进行翻译。

路由器

适用于单页应用程序（SPA）等。

  • svelte-router-spa - Router为您的单页应用程序（SPA）添加路由功能。包括本地化、守卫和嵌套布局。
  • svelte-routing - 一个声明式Svelte路由库，支持SSR。
  • tinro - 一个小型、无依赖且高度声明式的路由器。
  • svelte-spa-router - 针对单页应用程序（SPA）优化的哈希路由，支持参数。
  • svelte-client-router - Svelte Client Router是您在路由SPA时所需要和考虑的一切。
  • @danielsharkov/svelte-router - 一个简单易用的SPA路由器，专为页面过渡而设计。
  • @shaun/svelterouter - 另一个受vue-router启发的Svelte路由器。
  • Elegua - 小型（< 180行代码）、快速、易用、功能齐全的SPA路由器。

框架

  • SvelteKit - 构建Svelte应用的最快方法。
  • Elder.js - 为Svelte设计的固执己见的静态站点生成器和网络框架，专注于搜索引擎优化。
  • Routify - Svelte的路由系统，由文件结构自动生成。
  • JungleJS - 集成GraphQL的Svelte Jamstack框架。
  • svelte-document - 完全使用Svelte创建文档（PDF）、简历或演示文稿。

开发工具

代码检查

检查和格式化你的代码。

文档

创建文档。

测试

编辑器

文本编辑器插件。

Visual Studio Code

Atom

  • ide-svelte - 为你的组件提供语法高亮和丰富的智能提示。
  • language-svelte - 在Atom中为组件、指令和其他Svelte特定语法提供语法高亮。

Sublime Text

  • Svelte - Sublime Text的语法高亮和支持。

Vim

JetBrains

  • Svelte - JetBrains的语法高亮和支持。
相关项目
项目侧边栏1项目侧边栏2
推荐项目
Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手，通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能，支持100+编程语言，与主流编辑器无缝集成，显著提升开发效率和代码质量。

Project Cover

问小白

问小白是一个基于 DeepSeek R1 模型的智能对话平台，专为用户提供高效、贴心的对话体验。实时在线，支持深度思考和联网搜索。免费不限次数，帮用户写作、创作、分析和规划，各种任务随时完成！

Project Cover

白日梦AI

白日梦AI提供专注于AI视频生成的多样化功能，包括文生视频、动态画面和形象生成等，帮助用户快速上手，创造专业级内容。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案，通过智能技术简化视频制作流程。无论是企业宣传还是个人分享，有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

讯飞绘镜

讯飞绘镜是一个支持从创意到完整视频创作的智能平台，用户可以快速生成视频素材并创作独特的音乐视频和故事。平台提供多样化的主题和精选作品，帮助用户探索创意灵感。

Project Cover

讯飞文书

讯飞文书依托讯飞星火大模型，为文书写作者提供从素材筹备到稿件撰写及审稿的全程支持。通过录音智记和以稿写稿等功能，满足事务性工作的高频需求，帮助撰稿人节省精力，提高效率，优化工作与生活。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术，为商家提供一键生成商品图和营销文案的服务，显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台，让商品第一时间被种草。

Project Cover

Trae

Trae是一种自适应的集成开发环境（IDE），通过自动化和多元协作改变开发流程。利用Trae，团队能够更快速、精确地编写和部署代码，从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能，是提升开发效率的理想工具。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具，简化了选题、文献检索至论文撰写的整个过程。通过简单设定，平台可快速生成高质量论文大纲和全文，配合图表、参考文献等一应俱全，同时提供开题报告和答辩PPT等增值服务，保障数据安全，有效提升写作效率和论文质量。

使用协议隐私政策广告服务
投诉举报邮箱: service@vectorlightyear.com
@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号