awesome svelte resources
1.0.0
ทรัพยากรที่มีประโยชน์สำหรับ Svelte V3+
- deprecated for svelte-society/sveltesociety.dev ผู้สืบทอดอย่างเป็นทางการของโครงการนี้ svelte-society/sveltesociety.dev อาศัยอยู่ที่ sveltesociety.dev โปรดส่งการส่งของคุณที่นั่นแทนที่นี่ <3
ดูเพิ่มเติมที่น่ากลัว-Svelte และรายการที่ยอดเยี่ยมอื่น ๆ
หมายเหตุ
- โปรดดูที่ MD สำหรับข้อมูลการส่ง
- ต้องการลิงก์เพิ่มเติม ส่งดึงและปัญหา!
- คำอธิบายโครงการจำนวนมากสามารถอัปเดตได้ชี้แจงขยาย ฯลฯ
- หากโครงการไม่สามารถปฏิบัติตามมาตรฐานคุณภาพที่ยอมรับได้โปรดเปิดปัญหาหรือประชาสัมพันธ์เพื่อหารือเกี่ยวกับการลบออก
svelte @sveltejs - แอพพลิเคชั่นเว็บที่ได้รับการปรับปรุงทางไซเบอร์sapper @sveltejs - แอพพลิเคชั่นเว็บโปรเกรสซีฟเกรดทหารขับเคลื่อนโดย svelteเว็บไซต์ Svelte อย่างเป็นทางการสากล
เข้าร่วม! - ดู Sveltejs/ชุมชน สำหรับข้อมูลอย่างเป็นทางการที่เกี่ยวข้องกับชุมชน Svelte และกิจกรรม
รายการอย่างเป็นทางการของการบูรณาการคือ sveltejs/การรวมเข้าด้วยกัน ดูก่อน - พวกเขาส่วนใหญ่ไม่ได้ทำซ้ำที่นี่ บางทีพวกเขาควรจะเป็น?
svelte-loader @sveltejs - webpack loader สำหรับส่วนประกอบ svelterollup-plugin-svelte @Rollup -Compile Svelte Components พร้อม Rollupsvelte-preprocess @kaisermann - ตัวประมวลผล svelte preprocessor พร้อมอบเพื่อสนับสนุนตัวประมวลผลทั่วไปทั่วไปmdsvex @pngwn - ตัวประมวลผล preprocessor สำหรับ sveltesvelte-preprocess-markdown @alexxnb- เขียนองค์ประกอบ svelte ในไวยากรณ์ Markdownsvelte-ts-preprocess @paulmaly- ตัวประมวลผล preprocessor สำหรับ svelte 3@pyoner/svelte-ts-preprocess @pyoner -TypeScript Monorepo สำหรับ svelte v3 (preprocess, เทมเพลต, ประเภท)svelte-preprocess-postcss @tehshrike -postcss preprocessorsvelte-preprocess-sass @ls-age-sass /scss preprocessorsvelte-preprocess-less @ls-age -preprocessor น้อยลง@modular-css/svelte @modular-css- preprocessor modular-cssส่วนประกอบบางอย่างรวมกับตัวประมวลผลล่วงหน้าเฉพาะที่พวกเขาพึ่งพา; โครงการเหล่านั้นอยู่ในรายการภายใต้ส่วนประกอบและห้องสมุด
@pwa/cli @lukeed - Universal PWA Builder (WIP)baelte @kennethlarsen - เครื่องมือ CLI สำหรับ svelte เพื่อช่วยให้คุณมีประสิทธิผลsvb @himynameisdave - แอพ zero -config cli to bundle svelte (WIP)svelte-language-server @UnWrittenFun- เซิร์ฟเวอร์ภาษา WIP สำหรับ sveltesapper @sveltejs - แอพพลิเคชั่นเว็บโปรเกรสซีฟเกรดทหารขับเคลื่อนโดย svelte เพื่อหลีกเลี่ยงการดาวน์โหลดประวัติ GIT ของเทมเพลตแนะนำให้ติดตั้งผ่าน degit :
npx degit sveltejs/template svelte-app@testing-library/svelte @Testing-Library- ยูทิลิตี้การทดสอบ DOM ที่ง่ายและสมบูรณ์ซึ่งส่งเสริมการปฏิบัติที่ดีjest-transform-svelte @rspieker -jest transformer สำหรับส่วนประกอบ sveltesvelte-test @pngwn - การทดสอบยูทิลิตี้สำหรับ sveltesvelte-jest @ktsn - jest svelte component transformer หากคุณมีการส่งการอัปเดตหรือแนวคิดใด ๆ เพื่อปรับปรุงรายการลิงก์นี้โปรดเปิดปัญหาหรือประชาสัมพันธ์
ดูคำถามที่พบบ่อยสำหรับข้อมูลที่ดีเกี่ยวกับโซลูชั่นการกำหนดเส้นทาง Svelte
SAPPER ใช้โซลูชันการกำหนดเส้นทางตามระบบพร้อมกับกรอบแอพเต็มรูปแบบ
svelte-routing @emiltholin - ห้องสมุดเส้นทาง Svelte ที่มีการสนับสนุนที่มีการสนับสนุน SSRsvelte-state-renderer @TehShrike- บทคัดย่อ-สถานะ-เรนเดอร์สำหรับ sveltesvelte-spa-router @italypaleale- เราเตอร์สำหรับสปาโดยใช้ svelte 3svero @kazzkiq - เราเตอร์ง่ายๆสำหรับ Svelte 3swheel @Qutran - Ultimate Svelte เราเตอร์@jamen/svelte-router @jamen - เราเตอร์ svelte โดยใช้ร้านค้าและส่วนประกอบsvelte-hash-router @pynnl- เราเตอร์ที่ใช้ Svelte 3 Svelte 3 พร้อมเส้นทางทั่วโลกsvelte-router-spa @jorgegorka -Svelte เราเตอร์ออกแบบมาเป็นพิเศษสำหรับแอปพลิเคชันหน้าเดียว (SPA)@spaceavocado/svelte-router @spaceavocado - เราเตอร์ Svelte Simple สำหรับแอปพลิเคชันหน้าเดียว (SPA)svelte-page-router @paulmaly- เราเตอร์ที่ใช้การกำหนดค่าแบบง่ายพร้อม DX คล้ายกับ Vuerouter ทำงานได้ดีบนฝั่งเซิร์ฟเวอร์svelte-router @jikkai - ส่วนประกอบเราเตอร์สำหรับ sveltesvelte-navaid @jacwright - เราเตอร์ svelte ขับเคลื่อนโดย lukeed/navaid@slick-for/svelte @shavyg2 - จัดการมุมมองและการกำหนดเส้นทางของคุณโดยใช้นักตกแต่งชั้นเรียนและการฉีดพึ่งพาcrayon-svelte @alshdavid - เราเตอร์ UI Agnostic UI สำหรับสปาพร้อมการสนับสนุนเฉพาะสำหรับ sveltesvelte-filerouter @JakobRosenberg- เราเตอร์ที่ใช้ระบบไฟล์ซึ่งได้รับแรงบันดาลใจจากการกำหนดเส้นทางของ Sapperyrv @pateketRueke - เราเตอร์พื้นฐานพร้อม QueryParams และการสนับสนุนการกำหนดเส้นทางที่ใช้แฮชroutify @sveltech - เส้นทางอัตโนมัติตามโครงสร้างไฟล์ของคุณcarbon-components-svelte @IBM- การใช้งานระบบการออกแบบคาร์บอน Sveltesvelma @c0bra - ส่วนประกอบ bulma สำหรับ sveltesmelte @Matyunya - ส่วนประกอบการออกแบบวัสดุสำหรับ svelte โดยใช้ Tailwind CSSsvelte-toolbox @svelte-toolbox- ไลบรารีส่วนประกอบ UI สำหรับ Svelte ที่ใช้ข้อมูลจำเพาะการออกแบบวัสดุของ Googlesvelte-material-ui @hperrin -svelte material ui ส่วนประกอบsvelteify @ExyBore - ไลบรารีส่วนประกอบวัสดุสำหรับ svelte โดยใช้สไตล์ชีทของ VUETIFYsveltemantic @titans-inc- ส่วนประกอบ fomantic-ui สำหรับ svelte 3sveltestrap @bestguy - bootstrap 4 ส่วนประกอบสำหรับ sveltesvelte-ui @vikignt - ส่วนประกอบ svelte 3 ui ง่ายๆsvmd @hkh12- ส่วนประกอบการออกแบบวัสดุที่ใช้งานง่ายและปรับแต่งได้ง่ายสำหรับ sveltesvelte-chota @alexxnb - ส่วนประกอบ Svelte UI ขึ้นอยู่กับเฟรมเวิร์ก Chota CSS ที่มีน้ำหนักเบามากsvelte-mui @vikignt - ส่วนประกอบ svelte ui ง่าย ๆ ที่ได้รับแรงบันดาลใจจากการออกแบบวัสดุของ Google@zooplus/zoo-web-components @ zooplus-ห้องสมุดองค์ประกอบเว็บที่สร้างขึ้นด้วย svelte@sveltejs/svelte-virtual-list @sveltejs- ส่วนประกอบรายการเสมือนสำหรับแอพ svelte@sveltejs/svelte-scroller @sveltejs - ส่วนประกอบ <Scroller> สำหรับแอพ svelte@sveltejs/svelte-subdivide @sveltejs- ส่วนประกอบสำหรับการสร้างเลย์เอาต์สไตล์เครื่องปั่นในแอพ Svelte ( เวอร์ชัน 2 )svelte-grid @vaheqelyan - รูปแบบกริดที่ตอบสนองได้และตอบสนองได้สำหรับ sveltesvelte-sortable-list @brunomolt@beyonk/svelte-carousel @Beyonk-Adventures- ม้าหมุนที่มีน้ำหนักเบาสุด ๆ สำหรับ Svelte 3multicarousel @Sciactive - การพึ่งพาหลายรายการ JavaScript Carouselsvelte-swipe @sharifclick - wrapper items swipable (ไม่มีการพึ่งพา)svelte-tabs @Joeattardi - ส่วนประกอบแท็บสำหรับ sveltesvelte-media-query @xelaok -CSS Media Queries ใน Sveltesvelte-match-media @pearofducks- ปลั๊กอิน matchmedia สำหรับ svelte 3svelte-watch-resize @xelaok- ดูองค์ประกอบปรับขนาดใน sveltesvelte-simple-modal @flekschas- โมดัลที่เรียบง่ายขนาดเล็กและมีเนื้อหาสำหรับ sveltesvelte-popover @vaheqelyan - ส่วนประกอบ smart popover สำหรับ sveltesvelte-headroom @collardeau - ส่วนประกอบ svelte เพื่อซ่อนส่วนหัวของคุณบน Scrollsvelte-table @dasdaniel - ส่วนประกอบตารางที่มีการเรียงลำดับและการกรอง@egjs/svelte-infinitegrid @NAVER- การห่อส่วนประกอบ EGJS-INFINITEGRID สำหรับเลย์เอาต์การ์ดอนันต์@sveltejs/svelte-repl @sveltejs - ส่วนประกอบ <Repl> ที่ใช้ในเว็บไซต์ sveltesvelte-color-picker @qintarp- ส่วนประกอบตัวเลือกสีสำหรับ sveltesvelte-select @rob-balfre- องค์ประกอบเลือกสำหรับแอพ sveltesvelte-rate-it @emrekara37- องค์ประกอบอัตราสำหรับแอพ sveltewaxwing-rating @dmitrykurmanov - วิดเจ็ตการจัดอันดับสำหรับเว็บ@beyonk/gdpr-cookie-consent-banner @beyonk-adventures- การดำเนินการตามแบนเนอร์ของคุกกี้ที่สอดคล้องกับ GDPRsvelte-inspect @trbrc -console.log ()-เช่น Interactive Inspector สำหรับ svelte 3@okrad/svelte-progressbar @okrad - multiseries, svg progressbar ส่วนประกอบที่ทำด้วย sveltesvelte-ruler @daybrush - ส่วนประกอบไม้บรรทัดที่สามารถวาดกริดและเลื่อนได้อย่างไม่ จำกัดsvelte-json-tree @tanhauhau- ส่วนประกอบของผู้ชม JSON ที่ใช้ใน svelte replsvelte-checkbox @hosseinshabani - ส่วนประกอบช่องทำเครื่องหมายสำหรับ svelte (แอนิเมชั่นสุดเท่, ปรับแต่งได้)svelte-icons @gibdig - ส่วนประกอบไอคอนสำหรับ Svelte ซึ่งมีชุดไอคอนมากมายsvelte-awesome @robbrazier - ไอคอนไอคอน SVG ที่ยอดเยี่ยมสำหรับ Svelte JS สร้างขึ้นด้วยไอคอน Font Awesomesvelte-fa @cweili - fontawesome 5 องค์ประกอบสำหรับ sveltefa-svelte @alphapeter - Font Awesome 5 สำหรับ sveltesvelte-feather-icons @dylanblokhuis- ไอคอนขนนกสำหรับ sveltesvelte-simple-icons @beyonk-adventures- ไอคอน SVG สำหรับแบรนด์ยอดนิยมดูส่วนชุดองค์ประกอบ UI สำหรับข้อมูลเพิ่มเติม
@spaceavocado/svelte-form @spaceavocado - ตัวจัดการโมเดล Svelte Form และการตรวจสอบอินพุตแบบง่าย ๆsvelte-forms @chainlist - svelte forms การตรวจสอบความถูกต้องทำให้ง่ายsvelte-forms-lib @tjinauyeung- ห้องสมุดที่มีน้ำหนักเบาสำหรับการจัดการแบบฟอร์มใน sveltesveltejs-forms @mdauner - ส่วนประกอบฟอร์มโดยใช้ yup สำหรับการตรวจสอบความถูกต้องsvelte-formly @arabdevelop - ส่วนประกอบและการตรวจสอบความถูกต้องที่ง่ายต่อการขยายsvelidation @yazonnile - ห้องสมุดที่ปรับแต่งได้ง่ายสำหรับสถานการณ์การตรวจสอบความถูกต้องในส่วนประกอบ sveltesvelte-typewriter @henriquehbr - เอฟเฟกต์เครื่องพิมพ์ดีดที่เรียบง่ายและนำกลับมาใช้ใหม่ได้svelte-waypoint @matyunya - ภาพ Lazyload หรือองค์ประกอบอะไรก็ได้สำหรับ sveltesvelte-image @matyunya - การประมวลผลภาพด้วยความคมชัดสำหรับ sveltesvelte-image-encoder @saabi- ส่วนประกอบ <ImgEncoder> สำหรับการแก้ไขและบีบอัดรูปภาพโปรไฟล์svelte-easy-crop @valentinh- องค์ประกอบ svelte สำหรับการครอบตัดภาพด้วยการโต้ตอบง่าย ๆecharts-for-svelte @liyuanqiu -baidu echarts (v3.0 & v4.0) ส่วนประกอบสำหรับ svelte wrappersvelte-fusioncharts @priyanjitdey94 - องค์ประกอบ svelte สำหรับ fusioncharts JavaScript charting librarysvelte-frappe-charts @himynameisdave- การผูก svelte สำหรับ frappe-chartssvelte-calendar @6edesign - datepicker น้ำหนักเบาพร้อมแอนิเมชั่นที่เรียบร้อยและ UX ที่เป็นเอกลักษณ์svelte-flatpickr @jacobmischka - ส่วนประกอบ flatpickr สำหรับ sveltesvelte-touch-datepicker @sharifclick - ตัวเลือกวันที่ง่าย - ดีที่สุดสำหรับแอปมือถือเว็บแอพ (ไม่ต้องพึ่งพา)svelte-touch-timepicker @sharifclick - ตัวเลือกเวลาง่าย ๆ - ดีที่สุดสำหรับแอปมือถือเว็บแอพ (ไม่ต้องพึ่งพา)@beyonk/svelte-notifications @Beyonk-Adventures -Svelte Toast Notifications ที่สามารถใช้ในแอปพลิเคชัน JS ใด ๆsvelte-notifications @keenethics - ระบบการแจ้งเตือนที่เรียบง่ายและยืดหยุ่น@beyonk/svelte-mapbox @beyonk-adventures- การรวม mapbox สำหรับ svelte@beyonk/svelte-googlemaps @beyonk-adventures- การรวม Google Maps สำหรับ sveltesvelte-pick-a-place @jimutt -svelte component สำหรับตำแหน่งและการเลือกพื้นที่ด้วยใบปลิวsvelte-i18n @kaisermann - ห้องสมุดสากลสำหรับ sveltesvelte-intl @panya- ทำให้แอพ svelte ของคุณเป็นสากลโดยใช้รูปแบบข้อความและ Intlsvelte-writable-derived @pikadudeno1- ร้านค้าการเปลี่ยนข้อมูลสองทางsvelte-apollo @timhall - การรวม svelte สำหรับ Apollo graphQlsvelte-webext-storage-adapter @pikadudeno1- ร้านค้าที่เขียนได้สำหรับส่วนขยาย Firefox/Chrome โดยใช้ chrome.storagesvelte-observable @timhall - ใช้สิ่งที่สังเกตได้ในส่วนประกอบ svelte ได้อย่างง่ายดายsvelte-mobx @xelaok - ปฏิกิริยา MVVM พร้อม mobx & sveltesvelte-redux-connect @kolodziejczak-sz -Redux ผูกพันกับ svelte ตาม React-reduxsvql @pateketRueke - wrapper สำหรับ fetchql ไคลเอนsvelte-backed-store @Johnpeel- ร้านค้าที่ได้รับการสนับสนุนโดย LocalStorage หรือ SessionStorage@sveltejs/gestures @sveltejs - การกระทำ svelte สำหรับการตรวจจับท่าทางข้ามแพลตฟอร์ม (ทำงานอยู่ระหว่างดำเนินการ)@beyonk/svelte-scrollspy @beyonk-adventures -scroll spy component สำหรับ sveltesvelte-moveable - ส่วนประกอบสำหรับการเคลื่อนย้าย, draggable, resizable, ปรับขนาดได้, หมุนได้และอื่น ๆ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 / sapper@beyonk/svelte-facebook-customer-chat @beyonk-adventures- การรวมการแชทของลูกค้า Facebook สำหรับ svelte / sapper@beyonk/svelte-trustpilot @beyonk-adventures -Trustpilot Trustboxes สำหรับ svelte / sapper@dopry/svelte-auth0 @dopry - ส่วนประกอบการรวม Auth0 สำหรับ sveltesveltedoc-parser @alexprey - สร้างเอกสาร JSON สำหรับองค์ประกอบ svelteprettier-plugin-svelte @unwrittenfun- จัดรูปแบบส่วนประกอบ svelte ของคุณโดยใช้ Prettiersvelte-inspector @qutran - ผู้ช่วยพัฒนาสำหรับการตรวจสอบและเปิดส่วนประกอบ svelte ในบรรณาธิการของคุณsvelte-dev-helper @ekhaled- ผู้ช่วยสำหรับส่วนประกอบ svelte เพื่อความสะดวกในการพัฒนา ใช้โดย svelte-loader@svelte-docs/core @alexxnb - วิธีที่รวดเร็วในการเขียนเอกสารสำหรับส่วนประกอบ svelte ของคุณprism-svelte @pngwn - การเน้นไวยากรณ์สำหรับรหัส svelte ด้วย prismjshighlightjs-svelte @ALEXXNB - คำจำกัดความภาษา svelte สำหรับ highlight.jssvelte-adapter @pngwn - ใช้ส่วนประกอบ svelte กับ vue และ reactsvelte-css-vars @kaisermann- เคยอยากมีตัวแปร CSS ปฏิกิริยาใน Svelte หรือไม่? ถ้าฉันบอกคุณว่ามีวิธี?svelte-adaptive-sensors @ pngwn-เซ็นเซอร์เพื่อส่งมอบการโหลดแบบปรับตัวตามอุปกรณ์และเครือข่ายของผู้ใช้ @sveltejs/gl @sveltejs - โครงการ (ทดลองมาก) เพื่อนำ webgl ไปที่ svelte โอเพนซอร์ส svelte ในป่า
<Repl> ที่ใช้ในเว็บไซต์ svelte (https://svelte.dev/repl)CC0 (โดเมนสาธารณะ)
