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

AI写歌

Suno AI是一个革命性的AI音乐创作平台，能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐，Suno AI都是音乐爱好者和专业人士的理想选择。

Project Cover

有言AI

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

Project Cover

Kimi

Kimi AI助手提供多语言对话支持，能够阅读和理解用户上传的文件内容，解析网页信息，并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题，Kimi都能以友好、专业的方式提供帮助。

Project Cover

阿里绘蛙

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

Project Cover

吐司

探索Tensor.Art平台的独特AI模型，免费访问各种图像生成与AI训练工具，从Stable Diffusion等基础模型开始，轻松实现创新图像生成。体验前沿的AI技术，推动个人和企业的创新发展。

Project Cover

SubCat字幕猫

SubCat字幕猫APP是一款创新的视频播放器，它将改变您观看视频的方式！SubCat结合了先进的人工智能技术，为您提供即时视频字幕翻译，无论是本地视频还是网络流媒体，让您轻松享受各种语言的内容。

Project Cover

美间AI

美间AI创意设计平台，利用前沿AI技术，为设计师和营销人员提供一站式设计解决方案。从智能海报到3D效果图，再到文案生成，美间让创意设计更简单、更高效。

Project Cover

AIWritePaper论文写作

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

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