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 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。（演示）