thecomputerm/awesome-svelte

⚡ A curated list of awesome Svelte resources

awesome-svelte's Issues

Add routify

(Routify)[https://routify.dev/]

Routify offers a great developer experience to build the routes for your Svelte app.

eslint-plugin-svelte3 is deprecated

The https://github.com/sveltejs/eslint-plugin-svelte3 is marked as deprecated by the maintainer, so it makes sense to remove it from the list and leave only the plugin which is official and maintained https://github.com/sveltejs/eslint-plugin-svelte

Fix "svelte-document" entry.

The entry for svelte-document is broken because of a malformed link.

Add Svelte Form Builder

A new Form Builder library

https://github.com/pragmatic-engineering/svelte-form-builder-community

svelte-sound (sound Interactions made easy)

svelte-sound is a library that is highly handy while using sounds in frontend.

I couldn't able to find an appropriate field for this package

add Skeleton ui toolkit to UI libraries

Please see this pull-request to add the awesome Skeleton ui toolkit to the list: #86

The list of UI libraries does contain some abandoned ui toolkits. I like to add Skeleton to the list, because it is actively maintained and really awesome. I am using Skeleton for some days now and sure that my future project will make use of it. In my opinion, it could move up the UI libraries list a bit. If you think so, too, I can adapt my pull-request accordingly.

Performance Category

Performance is a key factor that is taken into account when choosing a frontend framework. A key question that is often asked regarding Svelte is: "Does Svelte scale?", which refers to the compilation model of Svelte.

This is why is suggest that a category for performance should be added.

For example, the question "Does Svelte scale?" has been answered at least here:
SvelteScaling
svelte-it-will-scale

Add routers

svelte-spa-router - I use this -- https://github.com/ItalyPaleAle/svelte-spa-router

Someone mentioned tinro - https://github.com/AlexxNB/tinro

EmilTholin/svelte-routing has 1.2k github stars - https://github.com/EmilTholin/svelte-routing

Add "svelte-document", a Svelte framework for building documents (PDFs) in Svelte.

I was actually looking for a tool like this a month or so ago when designing posters. I know React has react-pdf for making PDF files, but I was not able to find an equivalent for Svelte. I did a small amount of research on how web technologies and stylesheets interact with printing, which resulted in this little project, but it isn't portable.

To fill in this need for other people as well, and to provide Svelte's answer to react-pdf, I wrote a more general tool for making PDFs/resumes/presentations with Svelte called svelte-document (npm), which is a zero configuration¹ cli tool which takes Svelte files in a directory, compiles them, bundles them and outputs a neat PDF file. Supports mostly everything you would think: fonts, assets (images), stylesheets, importing Svelte components, etc. The tool itself is very simple in usage: install the package globally (npm install -g svelte-document), then run it in the root containing your Svelte files (svelte-document). There's no need to initialize a Node package with any dependencies (but you can do so if you want).

It also includes similar semantics to SvelteKit for some special files, e.g. the +layout.svelte file is used to wrap the contents of each and every page.

Even though it is already very usable, I want to expand its functionality in the near future with things such as first-class support for PostCSS (so people can use plugins such as TailwindCSS and Sass), a plugin mechanism, and additional options in the configuration (maybe for setting a root folder for Svelte files, for instance).

Footnotes

1. Of course, additional configuration can be provided in a document.config.json file to specify things such as page dimensions, page orientation, and compilation/bundle parameters, if needed. ↩

Add svelte-simple-i18n

svelte-simple-i18n

A lightweight package for i18n support.

Linking to and/or copying entries from existing lists

There are earlier attempts at doing the same thing. Here are ones I know from the top of my head:

• https://github.com/sveltejs/integrations
• https://svelte-community.netlify.app/code (dead)
• https://github.com/ryanatkn/awesome-svelte-resources (dead)

Please add SKELETON to UI Libraries

Please add https://www.skeleton.dev/ to UI Libraries

Useless resource as a resource list.

Most of the listed resources are long ago abandoned and much better actual ones aren't in the list.

▦ PowerTable (Inspired by DataTables, Powered by Svelte)

Suggestion for your 🕶️ list:

▦ PowerTable

PowerTable is a JavaScript component that turns JSON data into an interactive HTML table. This facilitates manual inspection, sorting, filtering, searching, and editing of the data.

✨ Features

• No runtime dependencies
• Sorting (single- and multi-column)
• Filtering (per column and global. RegEx)
• Inline editing
• Re-arrangeable layout segments
• Optional styling
• Custom parsing per column
• Usable as Svelte component or ES module

Repository: https://github.com/muonw/powertable
Demos: https://muonw.github.io/powertable

SEO and discovery.

When I search awesome-svelte on google, this list does not show up on the first page, what may be the problem.

Info for adding svelte-drag?

Hi

I wanna add this library svelte-drag to this repo.

This is a single Svelte Action, about dragging. Where do I put this in the README?

Thank u

Logo

If anyone can make a logo for awesome-svelte in compliance with the awesome look. That would be awesome :)

svg2svelte

svg2svelte

Easily turn an SVG file into a Svelte Component, Rewritten in Rust 🦀

svg2svelte parses the svg file's ids for bind: in the name and converts them into variables we can manipulate later on with an animation library (e.g. anime.js)

It's capable of creating Javascript or Typescript components. (see below)
I wasn't sure where you would like me to add this. Dev Tools > Other Tools seems like it would be a good place for it.

Interactive pivot table

I've ported the PivotTable.js (react-pivottable-grouping in fact) to svelte. If you're interested:

• Code: https://github.com/jjagielka/svelte-pivottable
• Demo: https://jjagielka.github.io/svelte-pivottable-demo