Top 23 TypeScript Svelte Projects
-
storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
There is also Storybook, a great react library for building user interface components and pages in isolation. The cool part about this approach is that its also naturally great at generating documentations if you have multiple components to document:
-
NativeScript
NativeScript empowers you to access native platform APIs from JavaScript directly. Angular, Capacitor, Ionic, React, Svelte, Vue and you name it compatible.
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
Project mention: Vite 2.x + Vue 3.x + quasar 2.x + windcss 3.x starter ⚡ | reddit.com/r/u_Special_Paint_9099 | 2022-01-19
why not use Windi CSS or Tailwind css?
-
mitosis
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.
-
tsParticles
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
Read more on GitHub: https://github.com/matteobruni/tsparticles
-
svelte-nodegui
Build performant, native and cross-platform desktop applications with native Svelte + powerful CSS-like styling.🚀
Interestingly it comes with preconfigured Svelte, React, and Vue setups, but since Svelte starter doesn't work at all, we'll try out the React one.
-
-
SonarLint
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
-
vime
Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
Project mention: An open source anime searching, streaming site I made | reddit.com/r/developersIndia | 2021-11-22 -
Project mention: SvelteKit optimizeDeps slow down initial loading time | reddit.com/r/sveltejs | 2021-09-29
-
elderjs
Elder.js is an opinionated static site generator and web framework for Svelte built with SEO in mind.
Project mention: Sveltekit i18n - How to adapt page URLs to language ? | reddit.com/r/sveltejs | 2022-01-09I'll just throw it out there though: it looks like Elder.js might be a another good option for this: https://elderguide.com/tech/elderjs/
-
svelte-preprocess
A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
Do you use and svelte-preprocess?
-
egjs-infinitegrid
A module used to arrange card elements including content infinitely on a grid layout.
-
svelte-check is a handy tool for finding TypeScript errors in your code, though I also like to use it on JavaScript projects. You might find it spits out a lot of errors. If you are just starting out, you will not understand all of them or know which ones are safe to ignore. In this case, if your code works, just fix the accessibility errors and tackle the others one by one as you gain more experience.
-
There are some great i18n libraries which can be used together with SvelteKit, such as svelte-i18n, typesafe-i18n or svelte-intl-precompile. However, a month ago, I decided to create my own, modular and lightweight one, because i was missing some features like dynamic translations load (load translations for visited pages only), custom translation sources (e.g. external API) or component scoped translations, etc...
-
-
sk-auth
Authentication library for use with SvelteKit featuring built-in OAuth providers and zero restriction customization!
Useful if true but I've just integrated sk-auth into my app...
-
I hope this served as a good introduction to Felte, and that it is interesting enough for you to give it a try. Felte is currently in quite a useable state and I feel it’s flexible enough for most use cases. I am also open to help and suggestions so feel free to open an issue or make a pull request on GitHub.
-
-
The Carbon Svelte portfolio also includes three other useful libraries for Svelte applications: Carbon Icons (6000+), Carbon Pictograms (700+), Carbon Charts (16). These libraries can be utilized independently or in combination with Carbon Components Svelte.
-
Project mention: V2 of svelte-forms is here with its new documentation website! | reddit.com/r/sveltejs | 2021-11-30
-
svemix
The Full-Stack addition to SvelteKit. Write your server code inside svelte files, handle sessions, forms and SEO easily.
-
Check this out, https://github.com/maciekgrzybek/svelte-inview
-
TypeScript Svelte related posts
Index
What are some of the best open-source Svelte projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | storybook | 68,212 |
| 2 | NativeScript | 20,819 |
| 3 | windicss | 4,325 |
| 4 | mitosis | 3,924 |
| 5 | tsParticles | 2,802 |
| 6 | svelte-nodegui | 2,618 |
| 7 | FigmaToCode | 2,336 |
| 8 | vime | 2,008 |
| 9 | bytemd | 1,793 |
| 10 | elderjs | 1,758 |
| 11 | svelte-preprocess | 1,255 |
| 12 | egjs-infinitegrid | 1,087 |
| 13 | language-tools | 712 |
| 14 | svelte-i18n | 664 |
| 15 | houdini | 282 |
| 16 | sk-auth | 241 |
| 17 | felte | 239 |
| 18 | Snel | 227 |
| 19 | carbon-icons-svelte | 222 |
| 20 | svelte-forms | 221 |
| 21 | svemix | 204 |
| 22 | svelte-inview | 175 |
| 23 | svelte-local-storage-store | 157 |
Are you hiring? Post a new remote job listing for free.
