awesome svelte resources下载 - awesome svelte resources源代码下载

awesome svelte resources

网站数据

1.0.0

下载

很棒的苗条资源

Svelte V3+的有用资源

 - deprecated for svelte-society/sveltesociety.dev

配x重要的配x转到Svelte-Society/Sveltesociety.dev而不是

该项目的官方继任者Svelte-Society/Sveltesociety.dev在Sveltesociety.dev中直播。请指导您的意见书，而不是在这里。 <3

另请参见Awesome-Svelte和其他很棒的列表。

内容

官方链接
- 语言翻译
社区？
- 电报聊天室
集成
- Bundler插件
- 预处理器
- CLI工具
- 编辑工具
Web应用程序框架
模板
- 电子模板
- 移动模板
测试
组件和库
- 路由器
- UI组件集
- Web组件集
- 布局和结构
- 输入和小部件
- 字体和图标
- 表格和验证
- 动画片
- 图像
- 图表
- 时间和日期
- 通知
- 地图
- 国际化
- 商店和州
- 相互作用
- 异步加载
- 社交和其他第三方服务
- 开发和文档
- 语法突出显示
- 其他组件和库
本国的
实验
示例应用程序展示
媒体
- 会谈
- 播客和其他视频
其他清单和资源

笔记
有关提交信息，请参见贡献。
需要更多链接。发送拉力和问题！
许多项目描述都可以更新，澄清，扩展，等等。
如果一个项目无法满足可接受的质量标准，请打开问题或公关讨论删除该标准。

官方链接

svelte.dev
- 教程
- API文档
- 例子
- 替补
  - 您保存的应用程序
- 博客
- 常问问题
- 不和谐聊天
svelte _@sveltejs-网络上增强的Web应用程序
sapper _@sveltejs-军事级进步网络应用程序，由Svelte提供支持
集成_@ sveltejs-将Svelte纳入您的堆栈的方法
品牌_@sveltejs -Suvte和相关项目的徽标等
rfcs _@sveltejs -RFCS用于更改Sivelte
社区_@sveltejs-与Svelte社区和活动有关的数据存储库

语言翻译

官方Svelte网站的国际化版本。

俄罗斯 - ru.svelte.dev-翻译存储库

社区

加入！？有关与Svelte社区和活动有关的官方数据，请参见Sveltejs/社区。

官方不和谐聊天
@sveltejs在Twitter上
Sveltejs/Community的聚会小组以及更多
非官方的subreddit /r /sveltejs

电报聊天室

？ Svelte [Svelt]（1000多种用户）
？ Svelte [Svelt]公共
？ Svelte [Svelt]工作

集成

集成的官方清单是Sveltejs/集成。首先查看 - 它们大多在这里没有重复。也许应该是？

Bundler插件

svelte-loader _@sveltejs -Svelte组件的WebPack加载程序
rollup-plugin-svelte _@ rollup-与汇总编译较小的组件
更多在官方集成存储库中

预处理器

svelte-preprocess _@kaisermann-一个带有烘烤的苗条预处理程序，以支持普通预处理器
mdsvex _@pngwn- svelte的降价预处理器
svelte-preprocess-markdown _@AlexxnB-在Markdown语法中写下Svelte组件
svelte-ts-preprocess _@paulmaly- svelte 3
@pyoner/svelte-ts-preprocess _@ pyoner- sweve v3（预处理，模板，类型）的打字稿monorepo
svelte-preprocess-postcss _@Tehshrike -Postcss预处理器
svelte-preprocess-sass _@ls-age- sass/scss预处理器
svelte-preprocess-less _@ls-age-更少的预处理器
@modular-css/svelte _{@modular-css-} modular-css预处理程序
另请参阅官方清单

一些组件与他们依赖的特定预处理捆绑在一起。这些项目在组件和库中列出。

CLI工具

@pwa/cli _@lukeed -Universal PWA Builder（WIP）
baelte _{@kennethlarsen-} Svelte的CLI工具可帮助您提高富有成效
svb _{@himynameisdave-}零孔子CLI到捆绑svelte应用程序（WIP）

编辑工具

Svelte -Vscode _{@unwrittenfun-} vs代码的Svelte语言支持
vim -svelte _@evanleck -Svelte JavaScript语法突出显示VIM
vim-svelte-plugin _@leafoftree- vim语法和缩进插件.svelte文件
vim -svelte _@Burner -.svelte文件的VIM语法和缩进插件
Svelte -Intellij _@tomblachut-提供Webstorm和朋友中Svelte组件的语法突出显示
svelte-language-server _{@UnWrittenFun-}智慧语言服务器
vscode-svelte-component-tracktor _{@proverbial-ninja-}从higlighted文本中创建一个新的Svelte组件
COC-SVELTE _@COC-延伸- 对（NEO）VIM的Svelte支持

Web应用程序框架

sapper _@sveltejs-军事级进步网络应用程序，由Svelte提供支持

模板

为避免下载模板的GIT历史记录，建议通过degit安装：

npx degit sveltejs/template svelte-app

SVELTEJS/模板- 用于使用Shvelte构建基本应用的模板
Sveltejs/template -webpack-使用WebPack构建基本Svelte应用程序的模板
SVELTEJS/组件 - 网板- 构建可共享的Svelte组件的基础
sveltejs/template-custom-元素- 用于使用Svelte和自定义元素构建基本应用程序的模板
Sveltejs/sapper -template-助推器应用程序的入门模板
pyoner/svelte -typecript- svelte v3的打字条monorepo（预处理，模板，类型）
Axelen123/Svelte-Ts-Template- Svelte V3的打字稿模板
Shyam-Chen/Svelte-play-带有材料，Babel，Postcss和WebPack的样板
holben888/svelte-starter-template-一个小型启动模板，可与Svelte V3一起运行并运行
marcograhl/parwindcss-svelte-starter-parwindcss v1 + svelte v3 = <3
muhajirdev/svelte-tailwind-template-Svelte + tailwind =❤
fabiohvp/svelte -template-带有positalizecss + tailwindcss的苗条
Justinekizhak/Svelte-Tailwind-Template-Sveltejs和Tailwindcss模板
geakstr/svelte-3-rollup-typescript-vscode- svelte 3/frolup/typescript/vscode的起动器
Jorgegorka/Svelte -Firebase-一个模板，可以帮助您开始使用Svelte和Firebase开发水疗中心
Ricalamino/Svelte-firebase-auth-Svelte App with Firebase Authentication都是供所有目的
Yoglib/Svelte-Component-Template-建筑可共享的Svelte 3组件的基础
Neighbourhoodie/Svelte Pouchdb-couchdb-由Svelte，Pouchdb和Couchdb构建
普通夹金/苗条路由网板 - 带路由和懒惰加载的Svelte webpack模板
Angelozehr/svelte-example-museums-兼容IE11的Svelte应用程序的示例回购
pankod/svelte -boilerplate-带有webpack，sass，babeljs，fetch，postcss，jest和.env的Svelte应用程序样板
Pbastowski/Svelte-Poi-Starter-Svelte 3启动器带有POI 12和Prettier。输出Web应用程序或Web组件
SoapDog/Svelte-Template-browserify-浏览模板
Antony/Svelte -box-一个适合Svelte的松露盒，用于用松露建造以太坊的种子
SpaceAvocado/Svelte-Router-Template-平杆路由器spacevocado/Svelte-Router的样板模板项目
Beyonk-Adventures/Svelte-Component-LiverLoad-Template-带有LiverEload和Jest单元测试的组件模板
patoi/svelte-component-library-template-构建Svelte组件库的基础
Brandonxiang/Svelte-Webpack-MPA-创建由WebPack供电的多页应用程序的模板
Jerriclynsjohn/Svelte -Storybook -tailwind- Sivete + Storybook + Tailwind-启动模板
farhan2106/svelte -typecript-打字稿 +故事书 + webpack样板
Farhan2106/Svelte-Typescript-SSR-打字稿 +故事书 +带有SSR样板的WebPack
N0TH1NG-ELSE/SVELTE-TYPESCRIPT-SASS-带打字稿的样板代码，由WebPack捆绑在一起
Stephanepericat/Svelte -Boilerplate-带Webpack，Cypress，Travis CI，Storybook和Sass的样板
Will-Wow/Svelte-typecript-template-带打字稿，Babel，Jest，Svelte-testing-library，Eslint和Priptier的模板
tonyrewin/svelte3-ts-boilerplate-用于汇总，打字稿和VSCODE的入门包
Devghost/Svelte-带包裹，开玩笑，Eslint，Prettier，Babel，wallaby的骨架应用
Stevealee/Svelte-Code-Cypress-Project-带Vscode，Prettier，Eslint，Cypress和Rollup的模板
rixo/svelte-template-hot-官方Svelte模板的克隆，并使用Nollup添加了HMR支持
Agusid/Berierplate -Svelte-带打字稿，Webpack，Storybook，Travis CI，SCSS，Babel，Eslint，Prettier，Jest
lunatk/svelte-web-component-Builder-将Svelte构建为Web组件模块的最小设置
Nitro52/Svelte-typescript-sass-template-打字稿，SASS，Storybook，webpack
pngwn/svelte-reacct-template-通过亮度适应器，卷，babel反应
hmmhmmhm/svelte -template-打字稿，包裹，快递
hmmhmmhm/svelte-spa-template-打字稿，包裹，单页应用程序的expresss

电子模板

Rich-Harris/Svelte-Template-Electron-使用Svelte构建电子应用的模板（版本2 ）
Blade67/sveltron-电子苗条样板
chuanqisun/svelte-electron-template-裸露的最低样板，在电子中使用Svelte

移动模板

Syonip/Svelte -Cordova- Cordova的入门模板，带有热重载
lpshanley/svelte -phonngap-用于构建与Svelte的电话盖混合应用程序的模板

测试

@testing-library/svelte _{@testing-library-}简单而完整的DOM测试公用事业，鼓励良好实践
jest-transform-svelte _@rspieker- svelte组件的开玩笑变压器
svelte-test _@pngwn-苗条的测试实用程序
Storybookjs _@storybook -UI组件开发和测试
svelte-jest _@ktsn-开玩笑Svelte组件变压器

组件和库

如果您有任何提交，更新或想法可以改善此链接列表，请随时开放问题或公关。

路由器

有关SVELTE路由解决方案，请参见FAQ。

将基于文件系统的路由解决方案以及完整的应用程序框架吹捧。

_@emiltholin svelte-routing - 声明性的svelte路由库，并带有SSR支持
svelte-state-renderer _@Tehshrike- svelte的抽象 - 状态渲染器
svelte-spa-router _{@ItalyPaleale-}使用Svelte 3用于浴缸的路由器3
svero _@kazzkiq- svelte 3的简单路由器3
swheel _@ qutran-终极苗条路由器
@jamen/svelte-router _@jamen-使用商店和组件的Svelte路由器
svelte-hash-router _@pynnl-简单的Svelte 3基于全局路线的基于HASH的路由器
Svelte -easyroute _{@lyohaplotinka-}轻松的路由器适用于Svelte框架
svelte-router-spa _@JorgeGorka-专为单页应用程序设计的Svelte路由器（SPA）
@spaceavocado/svelte-router _{@spaceavocado-}单页应用程序（SPA）的简单Svelte路由器（SPA）
svelte-page-router _@paulmaly-简单的基于配置的路由器，DX类似于Vuerouter。在服务器端效果很好
svelte-router _@ jikkai-亮度的路由器组件
svelte-navaid _@jacwright-由Lukeed/Navaid提供动力的苗条路由器
@slick-for/svelte _@shavyg2-使用类装饰器和依赖注入来管理您的视图和路由
crayon-svelte _@alshdavid-框架不可思议的spas for Spas，并具有针对Svelte的特定支持
svelte-filerouter _{@jakobrosenberg-}基于文件系统的路由器灵感来自Sapper的路由
yrv _@ pateketrueke-带有Queryparams和基于哈希的路由支持的基本路由器
routify _@sveltech-路由您的文件结构自动化

UI组件集

carbon-components-svelte - _@IBM-碳设计系统的苗条实现
svelma _@c0bra- svelte的Bulma组件
smelte _@matyunya-使用尾风CSS的Svelte材料设计组件
svelte-toolbox _{@Svelte-Toolbox-}用于实现Google材料设计规范的UI组件库
svelte-material-ui _@hperrin-苗条材料UI组件
svelteify _@ExyBore-使用Vuetify的样式表的材料组件库
sveltemantic _@Titans-inc- svelte 3的Fomantic-UI组件3
sveltestrap _@bestguy -Bootstrap 4 Sivete的组件
svelte-ui _@vikignt-简单的Svelte 3 UI组件
svmd _@hkh12-易于使用，可自定义的材料设计组件
svelte-chota _@AlexxnB-基于超轻质CHOTA CSS框架的Svelte UI组件。
svelte-mui _@vikignt-受Google材料设计启发的简单Svelte UI组件

Web组件集

@zooplus/zoo-web-components _@zooplus-用Svelte构建的Web-Components库

布局和结构

@sveltejs/svelte-virtual-list _@sveltejs- svelte应用程序的虚拟列表组件
@sveltejs/svelte-scroller _@sveltejs -a <Scroller> Svelte应用程序的组件
@sveltejs/svelte-subdivide _@sveltejs-在Svelte Apps中构建Blender风格布局的组件（版本2 ）
svelte-grid _@vaheqelyan-响应式，可拖动且可重大的网格布局，适用于Svelte
svelte-sortable-list _{@brunomolteni-}具有动画拖放功能的列表
@beyonk/svelte-carousel _{@beyonk-adventures-}超级轻巧，超级简单的旋转木马3
multicarousel _@ sciactive-依赖关系免费多项项目JavaScript旋转木马
svelte-swipe _{@SharifClick-}可滑件包装器（无依赖项）
svelte-tabs _@joeattardi- svelte的选项卡组件
svelte-media-query _@ xelaok-CSS媒体查询
svelte-match-media _{@pearofducks-} svelte 3的火柴插件
svelte-watch-resize _@xelaok-在Svelte中观看元素调整大小
svelte-simple-modal _@flekschas-一种简单，小且内容不合时件的模态
svelte-popover _@Vaheqelyan-聪明的弹出式组件
svelte-headroom _@Collardeau-滚动滚动中隐藏标题的苗条组件
svelte-table _@ Dasdaniel-带有分类和过滤的表组件
@egjs/svelte-infinitegrid _@naver-组件包装egjs-infinitegrid for for Infinite Card布局

输入和小部件

@sveltejs/svelte-repl _@sveltejs- svelte网站上使用的<Repl>组件
svelte-color-picker _@qintarp-彩色选择器组件
svelte-select _@rob-balfre- Svelte应用程序的选择组件
svelte-rate-it _@emrekara37- Svelte应用程序的费率组件
waxwing-rating _{@dmitrykurmanov-}网络的评级小部件
@beyonk/gdpr-cookie-consent-banner _{@beyonk-adventures} -GDPR符合GDPR的cookie同意横幅实施
svelte-inspect _@trbrc -console.log（） - 像Svelte 3的交互式检查员一样
@okrad/svelte-progressbar _@okrad-用SVELTE制造的多店，SVG Progressbar组件
浏览器repl js _{@milafrerichs-} javascript repl（代码编辑器和代码结果）组件
简单的Svelte自动完整_@PStanoev-简单的自动完整 / typeahead组件
svelte-ruler _@DayBrush-可以吸引网格并无限滚动的标尺组件
svelte-json-tree _@tanhauhau- json查看器组件
svelte-checkbox _{@HosseInShabani-} svelte的复选框组件（酷动画，可自定义）。

字体和图标

svelte-icons _@ gibdig- Smvelte的图标组件，具有许多图标集
svelte-awesome _@RobBrazier-很棒的SVG图标组件，用于Svelte JS，由字体构建很棒的图标
svelte-fa _@cweili-微小的fontawesome 5组件
fa-svelte _@Alphapeter-字体很棒的5 for Svelte
svelte-feather-icons _{@dylanblokhuis-}羽毛图标
svelte-simple-icons _{@beyonk-Adventures-}流行品牌的SVG图标

表格和验证

有关更多信息，请参见UI组件集部分。

@spaceavocado/svelte-form _{@spaceavocado-}简单的Svelte表单模型处理程序和输入验证
svelte-forms _@chainlist-简单的Svelte表单验证变得容易
svelte-forms-lib _{@tjinauyeung-}一个轻巧的库，用于管理Suvte的表格
sveltejs-forms _@mdauner-使用YUP进行验证形式组件
svelte-formly _{@ArabDevelop-}易于扩展的组件和验证
svelidation _@yazonnile-易于自定义的库，用于验证方案

动画片

svelte-typewriter _{@henriquehbr-}简单且可重复使用的打字机效果

图像

svelte-waypoint _@matyunya-懒惰图像或任何svelte的组件
svelte-image _@matyunya-图像处理与Sharp for Svelte
svelte-image-encoder _@saabi- <ImgEncoder>用于编辑和压缩配置文件图片的组件
svelte-easy-crop _@valentinh-带有简单互动的裁剪图像的苗条组成部分

图表

echarts-for-svelte _@liyuanqiu -baidu echarts（v3.0＆v4.0）组件用于Svelte包装器
svelte-fusioncharts _{@priyanjitdey94-} fusionCharts JavaScript图表库的Svelte组件
svelte-frappe-charts _{@himynameisdave-} frappe-charts的Svelte Bindings。

时间和日期

svelte-calendar _@6edesign-带有整洁动画和唯一UX的轻量级日期点
svelte-flatpickr _{@jacobmischka-} flatpickr组件
keithj2780/svelte -calendar _@keithj2780-简单日历组件
Svelte -Fullcalendar _@yoglib-包装围绕Fullcalendar
svelte-touch-datepicker _{@sharifclick-}简单的日期选择器 - 最适合移动网络应用程序（无依赖关系）
svelte-touch-timepicker _{@sharifclick-}简单的时间选择器 - 最适合移动网络应用程序（无依赖关系）

通知

@beyonk/svelte-notifications _{@beyonk-adventures} -Svelte吐司通知可以在任何JS应用程序中使用
svelte-notifications _@keenethics-简单而灵活的通知系统

地图

@beyonk/svelte-mapbox _{@beyonk-adventures-} svelte的Mapbox集成
@beyonk/svelte-googlemaps _{@beyonk-adventures} -Google地图集成
svelte-pick-a-place _@jimutt-苗条的组件，用于位置和区域选择的传单

国际化

svelte-i18n _@Kaisermann-苗条国际化图书馆
svelte-intl _@panya-使用格式 - 消息和INTL对象国际化您的苗条应用程序

商店和州

svelte-writable-derived _{@pikadudeno1-}双向数据转换商店
svelte-apollo _@Timhall- apollo GraphQl的Svelte集成
流星_{@Meteor -svelte}的Svelte-用流星和Svelte构建网络网络增强的Web应用程序
svelte-webext-storage-adapter _{@pikadudeno1-}使用chrome.storage的Firefox/Chrome扩展的可写商店
svelte-observable _@timhall-轻松使用Svelte组件中的可观察力
svelte-mobx _@xelaok-带有mobx＆Svelte的反应性mvvm
svelte-redux-connect _{@kolodziejczak-sz-}基于React-Redux的redux绑定到Svelte
svql _{@pateketrueke-} fetchql的包装器，graphql查询客户端
svelte-backed-store _@johnpeel-由LocalStorage或Sessionstorage支持的商店

相互作用

@sveltejs/gestures _@sveltejs-用于跨平台手势检测的Svelte动作（正在进行中的工作）
@beyonk/svelte-scrollspy _{@beyonk-adventures-}滚动间谍组件
svelte-moveable _@daybrush-可移动，可拖动，可解析，可扩展，可旋转等的组件

异步加载

svelte-loadable _@kaisermann-动态加载一个Svelte组件
svelte-content-loader _@paulmaly-用于加载内容的SVG占位符组件

社交和其他第三方服务

@beyonk/svelte-google-analytics _{@beyonk-adventures} -Google Analytics（分析）跟踪svelte / Sapper的模块
@beyonk/svelte-facebook-pixel _{@beyonk-adventures} -Facebook像素模块适用于Svelte / Saper
@beyonk/svelte-facebook-customer-chat _{@beyonk-Adventures-} facebook客户聊天集成，svelte / sapper
@beyonk/svelte-trustpilot _{@beyonk-adventures-} trustpilot Trustboxes for Svelte / Sapper
@dopry/svelte-auth0 _@ dopry- auth0集成组件。

开发和文档

Svelte DevTools _@RedHatter- chrome/firefox扩展程序，允许检查较小的组件和状态
sveltedoc-parser _@alexprey-生成一个Svelte组件的JSON文档
prettier-plugin-svelte _{@UnWrittenFun-}使用Prettier格式化您的苗条组件
svelte-inspector _@qutran-用于检查和打开编辑器中的Svelte组件的开发助手
svelte-dev-helper _@ Ekhaled-辅助组件的助手，以简化开发。由svelte-loader使用
@svelte-docs/core _@alexxnb-一种为您的Svelte组件编写文档的快速方法

语法突出显示

prism-svelte _@pngwn-用Prismjs的Svelte代码突出显示语法
highlightjs-svelte _@alexxnb-亮点的Svelte语言定义。

其他组件和库

svelte-adapter _@pngwn-使用带有VUE和RECT的Svelte组件
svelte-css-vars _@kaisermann-曾经想在Svelte中具有反应性CSS变量吗？如果我告诉你有办法怎么办？
svelte-adaptive-sensors _@pngwn-传感器可根据用户的设备和网络提供自适应加载

本国的

Svelte -native _@halfnelson-通过NativeScript控制本机组件的苗条

实验

@sveltejs/gl _@sveltejs-将WebGL带到Svelte的（非常实验性的）项目

示例应用程序展示

野外的开源苗条

Svelte todomvc _@sveltejs-在Svelte（https://svelte-todomvc.surge.sh）中实现的domvc
REALWORLD示例应用程序_@SVELTEJS-亮点/Sapper实现Realworld App（https://svelte-realworld.now.sh）
Svelte depp _@sveltejs- Svelte网站上使用的<Repl>组件（https://svelte.dev/repl）
Svelte dbmonster _@sveltejs- dbmonster的Svelte实现（http://svelte-dbmonster.surge.sh）（版本2 ）
hn.svelte.dev _@sveltejs-用svelte和sapper构建的hacker新闻克隆（https://hn.svelte.dev）
Svelte-travel-Transitions _@pngwn-类似于本地的页面过渡与Svelte and Sapper（旅行应用程序）
新标签_@maxmilton -⚡高性能Google chrome new Tab Page，可让您更快地进入的位置
Nau Tab _@trongthanh-美丽的铬，Firefox和浏览器支持Web扩展的美丽新标签扩展
完美的家_{@TboryChowski} -Firefox Newtab/Home替换
nomie _{@brandoncorbin-}情绪和生活追踪器与Svelte建造
调色板_@gka-一种创建良好，正确正确和色盲安全调色板的工具
Litekart _@ITSWADESH-使用Svelte＆Sapper构建的积极开发的电子商务网站
Svelte Markdown编辑器_@TheFln -Quick Tuts + Live Demo与Svelte创建一个简单的Markdown Editor应用程序。
Svelte Sapper Bulma Crud-使用Svelte，Sapper和Bulma的基本CRUD。（演示）