thecomputerm / awesome-svelte Goto Github PK
View Code? Open in Web Editor NEW⚡ A curated list of awesome Svelte resources
License: Creative Commons Zero v1.0 Universal
⚡ A curated list of awesome Svelte resources
License: Creative Commons Zero v1.0 Universal
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
The entry for svelte-document is broken because of a malformed link.
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
When I search awesome-svelte
on google, this list does not show up on the first page, what may be the problem.
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 configuration1 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).
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. ↩
I've ported the PivotTable.js
(react-pivottable-grouping
in fact) to svelte. If you're interested:
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.
Looks like nothing is getting though anymore.
(Routify)[https://routify.dev/]
Routify offers a great developer experience to build the routes for your Svelte app.
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
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.
There are earlier attempts at doing the same thing. Here are ones I know from the top of my head:
A lightweight package for i18n support.
Please add https://www.skeleton.dev/ to UI Libraries
If anyone can make a logo for awesome-svelte in compliance with the awesome
look. That would be awesome :)
A new Form Builder library
https://github.com/pragmatic-engineering/svelte-form-builder-community
Most of the listed resources are long ago abandoned and much better actual ones aren't in the list.
Suggestion for your 🕶️ list:
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.
Repository: https://github.com/muonw/powertable
Demos: https://muonw.github.io/powertable
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
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.