TypeScript Svelte

Open-source TypeScript projects categorized as Svelte
Edit details
TypeScript React Vue sveltekit JavaScript
Monitoring that respects your time & budget
APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.
www.appsignal.com
sponsored

Top 23 TypeScript Svelte Projects

TypeScript logo
Svelte

  1. immich

    High performance self-hosted photo and video management solution.

    Project mention: A photo library is an identity record that happens to contain pictures | dev.to | 2026-10-04

    Immich source repository: https://github.com/immich-app/immich

  2. AppSignal

    Monitoring that respects your time & budget. APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.

    AppSignal logo

  3. storybook

    Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

    Project mention: What is ShaadKit? A Look at My Personal Foundation for Next.js Projects | dev.to | 2026-09-23

    I also added Storybook because developing a component in Storybook is faster than in Next.js! This is possible thanks to Vite. When I first got to know Storybook, it honestly became very hard for me to walk away from it.

  4. TanStack Query

    🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.

    Project mention: TanStack Query style caching, the Angular-native way | dev.to | 2026-06-29

    That cache/query layer is exactly what TanStack Query provides - and its Angular adapter is excellent and (yes) already signal-based. query.data(), query.isPending() are signals; no manual subscriptions. So let me get the obvious question out of the way:

  5. xyflow

    React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.

    Project mention: Sub-flows, groups, containers: why nesting breaks every flow library | dev.to | 2026-08-30

    Look at the top-voted feature requests of any flow library and one theme towers over the rest: users want to put things inside other things. In React Flow's tracker it's "Nested flows", "Nested Nodes" and "absolute positioning in sub flows" — sixty-plus upvotes between them, one still open. This isn't a React Flow problem. It's that nesting looks like a styling feature and is actually a semantics feature, and half-shipping it is worse than not shipping it.

  6. react-table

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

  7. ai

    The AI Toolkit for TypeScript. From the creators of Next.js, the AI SDK is a free open-source library for building AI-powered applications and agents

    Project mention: 20 GitHub Repositories to Build with AI | dev.to | 2026-09-29

    If you’re a JavaScript or TypeScript developer, Vercel AI SDK can help you add AI features to your web apps.

  8. NativeScript

    ⚡ Write Native with TypeScript ✨ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java, Dart). Use what you love ❤️ Angular, React, Solid, Svelte, Vue with: iOS (UIKit, SwiftUI), Android (View, Jetpack Compose), Flutter and you name it compatible.

    Project mention: Top 10 Frameworks for Hybrid Mobile Apps in 2026 | dev.to | 2025-12-19

    NativeScript is a hybrid mobile app framework that allows developers to build truly native iOS and Android apps using JavaScript, TypeScript, or Angular. Unlike frameworks that rely on WebViews, NativeScript provides direct access to native APIs, ensuring apps perform like native applications. It is ideal for developers who want the convenience of JavaScript while leveraging full native functionality.

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo

  10. mitosis

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

    Project mention: Mitosis: Write Components Once, Run in React, Vue, Qwik, Solid, Angular, Svelte | news.ycombinator.com | 2026-01-29

  11. pretty-ts-errors

    🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀

  12. openreplay

    Session replay, cobrowsing and product analytics you can self-host. Best for reproducing issues and iterating on your product.

  13. chat-ui

    The open source codebase powering HuggingChat

    Project mention: GLM 5.2 vs. Opus | news.ycombinator.com | 2026-06-22

    In HuggingChat (https://huggingface.co/chat) you can test open models for free and even test specific providers.

    From there I collected the following US providers currently serving GLM 5.2:

    - Together (https://www.together.ai/models)

    - Fireworks (https://fireworks.ai/models)

    - Featherless (https://featherless.ai/models)

  14. shadcn-svelte

    shadcn/ui, but for Svelte. ✨

  15. 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.

  16. virtual

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

    Project mention: From 1,256ms to 96ms: Fixing INP in a Massive React Dropdown | dev.to | 2026-09-14

    Use a library. TanStack Virtual and react-virtuoso measure every row and keep track of where each one ends up. That's a lot more code than what you've seen here, plus edge cases like a row being re-measured while you scroll past it. If your rows genuinely vary, this is where a dependency earns its bytes.

  17. evidence

    Business intelligence as code: build fast, interactive data visualizations in SQL and markdown

    Project mention: Business Intelligence as Code | news.ycombinator.com | 2026-06-19

  18. windicss

    Next generation utility-first CSS framework.

  19. skeleton

    Skeleton is an adaptive design system powered by Tailwind CSS. (by skeletonlabs)

    Project mention: Building Accessible Forms with Skeleton in Svelte | dev.to | 2026-01-10

    Skeleton Documentation

  20. orpc

    Typesafe APIs Made Simple 🪄 (by middleapi)

    Project mention: eridu-tech alternatives - AdonisJs Framework, Nest, trpc, orpc, and Next.js | libhunt.com/r/eridu-tech-core | 2026-08-07

    End‑to‑end typed APIs vs the server‑side infrastructure behind them. ORPC: - End‑to‑end type safety between client and server. - Define procedures once — call from the client with full inference, no codegen. - Excellent for type‑safe full‑stack APIs at the client‑server boundary. - No built‑in battery‑included backend infrastructure. eridu-tech: - Not an RPC framework — not a ORPC replacement. - Backend infrastructure behind pluggable adapters — caching, locks, rate limiting, event buses, etc. - Complementary — ORPC procedures can call services backed by eridu‑tech. - Choose ORPC for typed transport; add eridu‑tech for reusable server‑side infra.

  21. ark

    Unstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.

  22. splide

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

  23. OverlayScrollbars

    A javascript scrollbar plugin that hides the native scrollbars, provides custom styleable overlay scrollbars, and preserves the native functionality and feel.

  24. zag

    Build your design system in React, Solid, Vue, Svelte or Vanilla. Powered by finite state machines

    Project mention: 15 merged IME fixes: the recurring ways Japanese typing breaks web apps | dev.to | 2026-10-06

    chakra-ui/zag #3198: the color picker channel input committed a partial value on the confirm Enter.

  25. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

TypeScript Svelte discussion

Log in or Post with

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 immich 115,422
2 storybook 91,199
3 TanStack Query 50,384
4 xyflow 38,553
5 react-table 28,471
6 ai 27,118
7 NativeScript 25,664
8 mitosis 14,430
9 pretty-ts-errors 14,096
10 openreplay 12,936
11 chat-ui 10,974
12 shadcn-svelte 9,175
13 tsParticles 8,984
14 Embla Carousel 8,434
15 virtual 7,126
16 evidence 6,978
17 windicss 6,509
18 skeleton 6,065
19 orpc 5,661
20 ark 5,404
21 splide 5,355
22 OverlayScrollbars 5,221
23 zag 5,221

Sponsored
Monitoring that respects your time & budget
APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.
www.appsignal.com

Did you know that TypeScript is
the 2nd most popular programming language
based on number of references?

Loading...