TypeScript Svelte

Open-source TypeScript projects categorized as Svelte

Top 23 TypeScript Svelte Projects

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

    Project mention: Advice on starting a design system / component library | reddit.com/r/FigmaDesign | 2023-01-31

    Have you explored using storybook ? I've seen it be really helpful for these types of challenges if incrementally adopted.

  • NativeScript

    ⚡ Empowering JavaScript with native platform APIs. ✨ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java). Use what you love ❤️ Angular, Capacitor, Ionic, React, Svelte, Vue and you name it compatible.

    Project mention: The right way to build multi platform apps in 2023 using web tech. ? | reddit.com/r/webdev | 2023-01-31

    There are layers that offer access to native APIs like capacitor, cordova and nativescript. Apparently sometimes multiple of them should be used, but I didn't understand what are the differences even after reading the announcement. These seem to be frontend agnostic technologies and Capacitor is apparently the more modern choice at the moment.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-table

    🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table

    Project mention: Sometimes things only work in strict mode | reddit.com/r/reactjs | 2022-11-18
  • mitosis

    Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.

    Project mention: Best front-end stack for Golang backend | reddit.com/r/golang | 2023-01-28

    I discovered https://github.com/BuilderIO/mitosis, and it has changed my front-end development workflow with the ability to create one development and export and test metrics on multiple front-ends delivering the best MVP possible.

  • windicss

    Next generation utility-first CSS framework.

  • tsParticles

    tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks 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.

    Project mention: Create Beautiful Animations by Integrating Particles.js With React | dev.to | 2023-01-25

    You’re almost done! You just have to configure your particles/objects in order of animation, interaction, direction, opacity, etc. For this illustration, you’ll be using an already preset configuration from the tsparticles repository, but you can always tweak it to your own style or create one from scratch if you’d like.

  • router

    🤖 Type-safe router w/ built-in caching & URL state management for JS/TS, React, Preact, Solid, Vue, Svelte and Angular

    Project mention: TanStack Router - Typesafe, state-management APIs, caching, framework agnostic | reddit.com/r/reactjs | 2022-11-10

    Start a discussion about what you'd like to see and I'll do my best. https://github.com/tanstack/router/discussions

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • virtual

    🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte

    Project mention: Is Lazy Loading Necessary For This? | reddit.com/r/reactjs | 2022-09-15

    Another solution could be virtualization (but perhaps that’s what you meant by lazy loading). Here’s a great lib for that: https://github.com/TanStack/virtual

  • splide

    Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

    Project mention: What is your favourite slider module? | reddit.com/r/drupal | 2023-01-01

    I used https://splidejs.com/ in recent projects.

  • bytemd

    Hackable Markdown Editor and Viewer

    Project mention: SvelteKit + ByteMD | reddit.com/r/sveltejs | 2022-02-25

    Seems to be a known issue: https://github.com/bytedance/bytemd/issues/96

  • FigmaToCode

    Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.

  • svelte-nodegui

    Build performant, native and cross-platform desktop applications with native Svelte + powerful CSS-like styling.🚀

  • 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: How to create a video streaming app using React and Vime | dev.to | 2022-12-20

    Vime is a simple React framework that provides a flexible, expandable media player that can be used with a variety of Javascript frameworks like React, Vue, Angular, and Svelte. This project will utilize a sample clip from the Vime documentation.

  • jest-preview

    Debug your Jest tests. Effortlessly.🛠🖼

    Project mention: A guide to visual debugging with Vitest Preview | dev.to | 2023-01-26

    Vitest Preview helps you to write and debug tests faster by allowing you to visualize your test in a browser. If you are familiar with Jest, you know that the Jest community has a similar debugging tool, Jest Preview, created by the same developer, Hung Viet Nguyen. To learn more about testing with Jest, check out our video guide here.

  • elderjs

    Elder.js is an opinionated static site generator and web framework for Svelte built with SEO in mind.

    Project mention: Best static site generator that uses Svelte | reddit.com/r/sveltejs | 2022-08-08

    Does someone has experience with headless static sites generator that uses svelte with an optimized SEO in mind? I'm currently testing https://github.com/sveltejs/kit but I ran into some problems into building using static-adapter (index.html without static content, metatags being generetad by JS and not inside html file) so I'm currently testinghttps://github.com/elderjs/elderjs and https://github.com/withastro/astro and I would like to know if someone has any experience using svelte to build "simple" projects without the need of client side routing or SSR, just a plain old html, js and css build. Thanks!

  • html-figma

    Figma to HTML, CSS, React, Vue, and more!

    Project mention: How to turn your Figma designs into enterprise-ready apps | dev.to | 2022-09-16

    After designing your user interface within Figma, teams can utilize a plugin like Builder.io to turn the beautiful and functional look into code.

  • vite-plugin-pwa

    Zero-config PWA for Vite

    Project mention: Workplaces for digital nomads: the frontend | dev.to | 2022-11-01

    PWA is created with vite-pwa/vite-plugin-pwa, and its parameters are set in vite.config.js. In summary, the implementation of PWA was not a project aim, but it did provide good caching of all project components and resulted in a very quick reopening of the site.

  • egjs-infinitegrid

    A module used to arrange card elements including content infinitely on a grid layout.

  • svelte-preprocess

    A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.

    Project mention: Sveltekit scss issue | reddit.com/r/sveltejs | 2023-01-09

    svelte-preprocess should handle scss out-of-the-box, and it’s included in SvelteKit by default if you created your project with create-svelte

  • ninja-keys

    Keyboard shortcuts interface for your website. Working with static HTML, Vanilla JS, Vue, React, Svelte.

  • selecto

    Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.

    Project mention: Cool & useful JavaScript libraries | dev.to | 2022-07-11

    Selecto.js : a component that allows you to select elements in the drag area using the mouse or touch.

  • SyncedStore

    SyncedStore CRDT is an easy-to-use library for building live, collaborative applications that sync automatically.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-01-31.

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 76,268
2 NativeScript 22,111
3 react-table 20,491
4 mitosis 7,930
5 windicss 6,061
6 tsParticles 4,767
7 router 4,392
8 virtual 3,806
9 splide 3,534
10 bytemd 3,351
11 Embla Carousel 2,893
12 FigmaToCode 2,816
13 svelte-nodegui 2,737
14 vime 2,412
15 jest-preview 2,073
16 elderjs 2,051
17 html-figma 1,978
18 vite-plugin-pwa 1,748
19 egjs-infinitegrid 1,514
20 svelte-preprocess 1,511
21 ninja-keys 1,302
22 selecto 1,232
23 SyncedStore 1,142
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com