Svelte Projects

Curated list of cool mainly open-source projects created with Svelte/SvelteKit. ⚡️

After exploring many excellent projects posted on r/svelte and the Discord Svelte community, I thought it would be a great idea to compile all the projects created by others. This is not a list of awesome components or other resources; it is solely for live production projects, tutorials, and examples that offer solutions to different problems. The main purpose of this repository is to demonstrate what we can achieve with Svelte & SvelteKit, with a focus on open-source projects to assist others in creating their own applications.

New ideas and improvements are welcome.

Projects

Open source

• Production-ready stack for a medium-sized app based on SvelteKit
  • Link: https://github.com/nodeexx/code-snippet-sharing
  • Author: nodeexx

Closed source

• An application to pick one between undecidable options powered by Svelte
  • Link: https://shakerr.pages.dev/
  • Author: thanhnguyen2187

Examples

• Responsive navigation bar component

  • Description: >800px Navbar stays the same width, margin gets increased as resolution goes up 800px-530px: Elements start moving closer as screen gets smaller <530px: A button appear instead of the links. Upon clicking the button, a div appears, displaying all the links. No styling applied, everyone can fit it to their own website.
  • Resource: https://svelte.dev/repl/9a8a7a1392c945ffaf0d9a89048a22d8?version=4.2.9

  ---

• How to build an editable website in 15 minutes in 2024

  • Techstack: Svelte, Tailwind, Pullnote and Vercel
  • Link: https://www.svelteheadless.com/how-to-build-an-editable-website-in-15-minutes-in-2024
  • Author: tingentleman