awesome svelte resources
1.0.0
Svelte v3+에 유용한 리소스
- deprecated for svelte-society/sveltesociety.dev 이 프로젝트의 공식 후임자 인 Svelte-Society/Sveltesociety.dev 는 Sveltesociety.dev에서 살고 있습니다. 여기 대신 제출물을 지시하십시오. <3
멋진 벨트 및 기타 멋진 목록도 참조하십시오.
메모
- 제출 정보는 Contributing.md를 참조하십시오.
- 더 많은 링크가 필요합니다. 풀과 문제를 보내십시오!
- 많은 프로젝트 설명을 업데이트, 명확화, 확장 등으로 만들 수 있습니다.
- 프로젝트가 수용 가능한 품질 표준을 충족하지 못하면 문제 또는 PR을 열어주십시오.
svelte @sveltejs- 사이버 netselysely entered 웹 앱sapper @sveltejs- 군사 등급의 진보적 인 웹 앱, Svelte에 의해 구동공식 Svelte 웹 사이트의 국제화 된 버전.
가입하세요! ? Svelte 커뮤니티 및 행사와 관련된 공식 데이터는 Sveltejs/Community를 참조하십시오.
공식 통합 목록은 Sveltejs/통합 입니다. 먼저보기 - 대부분 여기에서 복제되지 않았습니다. 어쩌면 그들은해야할까요?
svelte-loader @sveltejs- Svelte 구성 요소 용 웹 팩 로더rollup-plugin-svelte @ Rollup- 롤업으로 Svelte 구성 요소를 컴파일합니다svelte-preprocess @kaisermann- 일반적인 사전 처리기를 지원하기 위해 구운 Svelte Preprocessormdsvex @pngwn- Svelte의 Markdown Preprocessorsvelte-preprocess-markdown @alexxnb- Markdown 구문에 Svelte 구성 요소를 작성하십시오svelte-ts-preprocess @paulmaly- svelte 3의 TypeScript Preprocessor@pyoner/svelte-ts-preprocess @pyoner- svelte v3 용 타입 스크립트 monorepo (preprocess, 템플릿, 유형)svelte-preprocess-postcss @tehshrike -postcss preprocessorsvelte-preprocess-sass @ls-age-sass /scss preprocessorsvelte-preprocess-less @ls-age- 전처리가 적습니다@modular-css/svelte @modular-css - modular-css preprocessor일부 구성 요소는 의존하는 특정 사전 처리기와 번들로 제공됩니다. 이 프로젝트는 구성 요소 및 라이브러리에 나열되어 있습니다.
@pwa/cli @lukeed -Universal Pwa Builder (WIP)baelte @kennethlarsen- 생산성을 도울 수있는 Svelte를위한 CLI 도구svb @himynameisdave -Zero -Config Cli to Bundle Svelte 앱 (WIP)svelte-language-server @unwrittenfun- svelte를위한 WIP 언어 서버sapper @sveltejs- 군사 등급의 진보적 인 웹 앱, Svelte에 의해 구동 템플릿의 git 기록 다운로드를 피하려면 degit 통한 설치가 권장됩니다.
npx degit sveltejs/template svelte-app@testing-library/svelte @testing-library- 모범 사례를 장려하는 간단하고 완전한 DOM 테스트 유틸리티jest-transform-svelte @rspieker- 스벨 구성 요소를위한 Jest 변압기svelte-test @pngwn- svelte를위한 테스트 유틸리티svelte-jest @ktsn- jest svelte 구성 요소 변압기 이 링크 목록을 개선하기위한 제출, 업데이트 또는 아이디어가 있으면 문제 또는 PR을 열어주십시오.
Svelte 라우팅 솔루션에 대한 좋은 정보는 FAQ를 참조하십시오.
Sapper는 전체 앱 프레임 워크와 함께 파일 시스템 기반 라우팅 솔루션을 선전합니다.
svelte-routing @emiltholin- SSR 지원이있는 선언적 인 Svelte 라우팅 라이브러리svelte-state-renderer @tehshrike- Svelte 용 Abstract-State-Router 렌더러svelte-spa-router @italypaleale- Svelte 3을 사용한 스파 용 라우터svero @ kazzkiq- Svelte 3을위한 간단한 라우터swheel @Qutran- 궁극적 인 Svelte 라우터@jamen/svelte-router @jamen- 매장 및 구성 요소를 사용하는 Svelte 라우터svelte-hash-router @pynnl -Global Routes가있는 Simple Svelte 3 해시 기반 라우터svelte-router-spa @jorgegorka- 단일 페이지 애플리케이션 (SPA)을 위해 특별히 설계된 Svelte 라우터@spaceavocado/svelte-router @spaceavocado- 단일 페이지 응용 프로그램을위한 간단한 Svelte 라우터 (SPA)svelte-page-router @paulmaly- vuerouter와 유사한 dx가있는 간단한 구성 기반 라우터. 서버 측에서 잘 작동합니다svelte-router @jikkai- Svelte 용 라우터 구성 요소svelte-navaid @jacwright- lukeed/navaid로 구동되는 Svelte 라우터@slick-for/svelte @shavyg2- 클래스 데코레이터 및 종속성 주입을 사용하여보기 및 라우팅 관리crayon-svelte @alshdavid- 프레임 워크 Svelte에 대한 특정 지원을 제공하는 스파를위한 아그네틱 UI 라우터svelte-filerouter @jakobrosenberg- 파일 시스템 기반 라우터에서 Sapper의 라우팅에서 영감을 얻었습니다yrv @ pateketrueke- QueryParams 및 해시 기반 라우팅 지원이있는 기본 라우터routify @sveltech- 파일 구조에 의해 자동화 된 경로carbon-components-svelte @ibm- 탄소 설계 시스템의 Svelte 구현svelma @c0bra- svelte 용 Bulma 구성 요소smelte @matyunya- 테일 윈드 CSS를 사용하는 Svelte 용 재료 설계 구성 요소svelte-toolbox @svelte-toolbox- Google의 재료 설계 사양을 구현하는 Svelte를위한 UI 구성 요소 라이브러리svelte-material-ui @ hperrin- Svelte 재료 UI 구성 요소svelteify @exybore- vuetify 스타일 시트를 사용하여 svelte를위한 재료 부품 라이브러리sveltemantic @titans-inc- Svelte 3의 Fomantic-UI 구성 요소sveltestrap @bestguy- svelte 용 부트 스트랩 4 구성 요소svelte-ui @vikignt- 간단한 svelte 3 ui 구성 요소svmd @hkh12- svelte 용 사용하기 쉬운 사용자 정의 가능한 재료 설계 구성 요소svelte-chota @alexxnb- 초경량 Chota CSS 프레임 워크를 기반으로 한 Svelte UI 구성 요소.svelte-mui @vikignt- Google의 재료 설계에서 영감을 얻은 간단한 Svelte UI 구성 요소@zooplus/zoo-web-components @zooplus- Svelte와 함께 제작 된 웹 컴포넌트 라이브러리@sveltejs/svelte-virtual-list @ sveltejs- svelte 앱의 가상 목록 구성 요소@sveltejs/svelte-scroller @ sveltejs- svelte 앱 용 <Scroller> 구성 요소@sveltejs/svelte-subdivide @ sveltejs- svelte 앱에서 블렌더 스타일 레이아웃을 구축하기위한 구성 요소 ( 버전 2 )svelte-grid @vaheqelyan- 반응 형, 드래그 가능하며 재개 가능한 그리드 레이아웃, sveltesvelte-sortable-list @brunomolteni- 애니메이션 Drag-n-drop 기능이있는 목록@beyonk/svelte-carousel @beyonk-adventures- svelte 3을위한 초고중, 매우 간단한 회전 목마multicarousel @sciactive- 종속성 무료 다중 항목 JavaScript Carouselsvelte-swipe @sharifclick- 스 와이프 가능한 항목 래퍼 (종속성 없음)svelte-tabs @joeattardi- svelte 용 탭 구성 요소svelte-media-query @xelaok -css media queries in sveltesvelte-match-media @pearofducks- Svelte 3 용 MatchMedia 플러그인svelte-watch-resize @Xelaok- 시계 요소 크기 조정svelte-simple-modal @flekschas- 단순하고 작으며 내용 공연 모달을위한 Sveltesvelte-popover @vaheqelyan- svelte의 스마트 팝 오버 구성 요소svelte-headroom @ collardeau- 스크롤에 헤더를 숨기는 벨트 구성 요소svelte-table @dasdaniel- 정렬 및 필터링이있는 테이블 구성 요소@egjs/svelte-infinitegrid @naver- 무한 카드 레이아웃을위한 egjs-infinitegrid 랩핑 구성 요소.@sveltejs/svelte-repl @ sveltejs- 벨트 웹 사이트에 사용되는 <Repl> 구성 요소svelte-color-picker @qintarp- svelte의 컬러 피커 구성 요소svelte-select @rob-palfre- svelte 앱의 선택 구성 요소입니다svelte-rate-it @emrekara37- svelte 앱의 속도 구성 요소waxwing-rating @dmitrykurmanov- 웹에 대한 위젯 등급@beyonk/gdpr-cookie-consent-banner @beyonk-adventures -gdpr 준수 쿠키 동의 배너 구현svelte-inspect @trbrc -console.log ()-Svelte 3의 대화식 검사관@okrad/svelte-progressbar @okrad- 멀티 티어, svelte로 만든 svg progressbar 구성 요소svelte-ruler @daybrush- 그리드를 그리고 무한히 스크롤 할 수있는 통치자 구성 요소svelte-json-tree @tanhauhau -JSON 뷰어 구성 요소 Svelte Repl에 사용됩니다.svelte-checkbox @hosseinshabani- svelte의 확인란 구성 요소 (멋진 애니메이션, 사용자 정의 가능).svelte-icons @gibdig- 많은 아이콘 세트를 특징으로하는 Svelte 용 아이콘 구성 요소svelte-awesome @Robbrazier- Svelte JS 용 멋진 SVG 아이콘 구성 요소, 글꼴 멋진 아이콘으로 제작되었습니다.svelte-fa @ cweili- 작은 fontawesome 5 구성 요소 Sveltefa-svelte @alphapeter- 스벨에 대한 글꼴 굉장한 5svelte-feather-icons @dylanblokhuis- svelte를위한 깃털 아이콘svelte-simple-icons @beyonk-adventures- 인기있는 브랜드를위한 SVG 아이콘자세한 내용은 UI 구성 요소 세트 섹션을 참조하십시오.
@spaceavocado/svelte-form @spaceavocado- 간단한 svelte 양식 모델 핸들러 및 입력 유효성 검사svelte-forms @chainList- 쉬운 양식 검증이 쉽게 만들어졌습니다svelte-forms-lib @tjinauyeung- svelte의 양식 관리를위한 가벼운 라이브러리sveltejs-forms @mdauner- 유효성 검사를 위해 yup를 사용하여 구성 요소를 양식svelte-formly @arabdevelop- 확장하기 쉬운 구성 요소 및 유효성 검사svelidation @yazonnile- svelte 구성 요소의 검증 시나리오를위한 쉽게 사용자 정의 할 수있는 라이브러리svelte-typewriter @henriquehbr- 간단하고 재사용 가능한 타자기 효과svelte-waypoint @matyunya -lazyload 이미지 또는 svelte의 구성 요소svelte-image @matyunya- Splte를위한 Sharp와의 이미지 처리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 바인딩.svelte-calendar @6edesign- 깔끔한 애니메이션과 독특한 UX가있는 가벼운 날짜 피커svelte-flatpickr @jacobmischka- svelte를위한 flatpickr 구성 요소svelte-touch-datepicker @sharifclick- 간단한 날짜 선택기 - 모바일 웹 앱에 가장 적합합니다 (종속성 없음)svelte-touch-timepicker @sharifclick- 간단한 시간 선택기 - 모바일 웹 앱에 가장 적합합니다 (종속성 없음)@beyonk/svelte-notifications @beyonk-adventures- JS 응용 프로그램에서 사용할 수있는 스벨의 토스트 알림svelte-notifications @keenethics- 단순하고 유연한 알림 시스템@beyonk/svelte-mapbox @beyonk-adventures- svelte 용 맵 박스 통합@beyonk/svelte-googlemaps @beyonk-adventures- Google지도 통합을위한 Google지도svelte-pick-a-place @jimutt -Leaflet을 사용한 위치 및 영역 선택을위한 Svelte 구성 요소svelte-i18n @kaisermann- Svelte를위한 국제화 도서관svelte-intl @panya- 형식 message 및 intl 객체를 사용하여 svelte 앱을 국제화하십시오.svelte-writable-derived @pikadudeno1- 양방향 데이터 변환 저장소svelte-apollo @timhall- 아폴로 그래프 QL을위한 스벨의 통합svelte-webext-storage-adapter @pikadudeno1- chrome.storage 를 사용한 Firefox/Chrome 확장에 대한 쓰기 가능한 저장svelte-observable @timhall- 쉽게 svelte 구성 요소에서 관측 가능성을 사용하십시오.svelte-mobx @xelaok- Mobx & svelte와의 반응성 mvvmsvelte-redux-connect @kolodziejczak-sz- react-redux를 기반으로 svelte에 대한 레드 바인딩svql @pateketrueke- fetchql 용 래퍼, 그래프 QL 쿼리 클라이언트svelte-backed-store @johnpeel- LocalStorage 또는 SessionStorage로 지원되는 매장@sveltejs/gestures @sveltejs- 크로스 플랫폼 제스처 탐지를위한 svelte 행동 (진행중인 작업)@beyonk/svelte-scrollspy @beyonk-adventures- spy spy 구성 요소를 sveltesvelte-moveable @DayBrush- 이동 가능, 드래그 가능, 재판용, 확장 가능, 회전 가능 등의 구성 요소svelte-loadable @kaisermann- svelte 구성 요소를 동적으로로드합니다svelte-content-loader @paulmaly- 컨텐츠로드를위한 SVG 자리 표시기 구성 요소@beyonk/svelte-google-analytics @beyonk-adventures- svelte / sapper 용 Google 웹 로그 분석 추적 모듈@beyonk/svelte-facebook-pixel @beyonk-adventures- svelte / sapper 용 Facebook 픽셀 모듈@beyonk/svelte-facebook-customer-chat @beyonk-adventures- svelte / sapper를위한 Facebook 고객 채팅 통합@beyonk/svelte-trustpilot @beyonk-adventures- svelte / sapper 용 TrustPilot Trustboxes@dopry/svelte-auth0 @dopry- svelte 용 Auth0 통합 구성 요소.sveltedoc-parser @alexprey- svelte 구성 요소에 대한 JSON 문서 생성prettier-plugin-svelte @unwrittenfun- 더 예쁘게 사용하여 Svelte 구성 요소를 형식화하십시오svelte-inspector @Qutran- 편집자에서 Svelte 구성 요소를 검사하고 오픈하기위한 개발 도우미svelte-dev-helper @ekhaled- 개발을 용이하게하기위한 svelte 구성 요소를위한 도우미. svelte-loader 에서 사용합니다@svelte-docs/core @alexxnb- 당신의 svelte 구성 요소에 대한 문서를 작성하는 빠른 방법prism-svelte @pngwn- prismjs를 사용한 svelte 코드에 대한 구문 강조 표시highlightjs-svelte @alexxnb- 하이라이트에 대한 스벨의 언어 정의svelte-adapter @pngwn- vue and React와 함께 Svelte 구성 요소 사용svelte-css-vars @kaisermann- svelte에서 반응성 CSS 변수를 원했던 적이 있습니까? 내가 당신에게 방법이 있다고 말하면?svelte-adaptive-sensors @pngwn- 사용자의 장치 및 네트워크를 기반으로 적응 형로드를 제공하는 센서 @sveltejs/gl @sveltejs- webgl을 svelte로 가져 오는 (매우 실험적인) 프로젝트 야생에서 오픈 소스의 벨트
<Repl> 구성 요소CC0 (공개 도메인)