create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Roadmap:

svelte-page-progress :https://github.com/NomanGul/svelte-page-progress 页面阅览进度条

Svelte-Awesome: https://github.com/RobBrazier/svelte-awesome Font Awesome component for Svelte.js, using inline SVG.

npm install --save svelte-awesome

gdpr-cookie-consent-banner npm install --save-dev @beyonk/gdpr-cookie-consent-banner

Svelte Copy

img

svelte-multitoneimage/

A simple image renderer to apply multitone effects for svelte.

svelte-gantt 📆 Interactive JavaScript Gantt chart/resource booking component https://github.com/ANovokmet/svelte-gantt

tsparticles https://github.com/matteobruni/tsparticles/tree/main/components/svelte

svelte-infinitegrid

A Svelte component that can arrange items infinitely according to the type of grids

https://github.com/naver/egjs-infinitegrid/tree/master/packages/svelte-infinitegrid

Svelte-grid

A draggable and resizable grid layout with responsive breakpoints, for Svelte. https://github.com/vaheqelyan/svelte-grid

Highlighting https://svhe.onrender.com/

Syntax Highlighting for Svelte using highlight.js .

word: svelte-typewriter

https://sr.ht/~henriquehbr/svelte-typewriter design: https://binari.ly

ui

svelte-chota 3kb

ibm Carbon Design System

kahi-ui\

svelte-materialify

Svelteit

Smelte Tailwind CSS using Material Design spec

Svelte Headless UI Tailwind Labs svelteui

sveltematerialui

https://flowbite-svelte.com/

https://www.agnosticui.com/

https://pattern.monster/ filepond

A flexible and fun JavaScript file upload library

https://luigi-project.io/

https://tracktheparcel.com/

https://www.designtack.com/

https://budibase.com/

https://www.creative-tim.com/product/notus-svelte?partner=104113

https://www.datawrapper.de/

https://github.com/Brisklemonade/turbosvelte https://github.com/Inqling/svelte-icons https://bestofsvelte.com/p/urara https://bestofsvelte.com/p/argon-dashboard-svelte-1 https://bestofsvelte.com/p/svelte-saas-frontend

voice https://sveltekit-embed.vercel.app

word-cloud https://www.mentimeter.com/features/word-cloud

https://www.freewordcloudgenerator.com/