https://github.com/polaroi8d/svelte-projects

Curated list of cool mainly open-source projects created with Svelte/SvelteKit.
https://github.com/polaroi8d/svelte-projects

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/polaroi8d/svelte-projects
• Owner: polaroi8d
• License: apache-2.0
• Created: 2024-04-25T06:44:17.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-04-25T07:31:30.000Z (7 months ago)
• Last Synced: 2024-04-26T07:43:01.693Z (7 months ago)
• Size: 269 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


    

      

      

      

    



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](https://github.com/nodeexx/)

### Closed source

- An application to pick one between undecidable options powered by Svelte

  - Link: https://shakerr.pages.dev/

  - Author: [thanhnguyen2187](https://www.reddit.com/user/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](https://discord.com/channels/457912077277855764/837012201444999248/1204449780328169472)