With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
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.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
react-table
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
-
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, Solid, Svelte, Vue with: iOS (UIKit, SwiftUI), Android (View, Jetpack Compose), Dart (Flutter) and you name it compatible.
-
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.
-
mitosis
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
router
🤖 Fully typesafe Router for React (and friends) w/ built-in caching, 1st class search-param APIs, client-side cache integration and isomorphic rendering.
-
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.
-
splide
Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
-
OverlayScrollbars
A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.
-
supabase-js
An isomorphic Javascript client for Supabase. Query your Supabase database, subscribe to realtime events, upload and download files, browse typescript examples, invoke postgres functions via rpc, invoke supabase edge functions, query pgvector.
-
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...
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
But here’s some good news: there’s already a solution in the JavaScript world called Storybook!
Project mention: Svelte Native: The Svelte Mobile Development Experience | news.ycombinator.com | 2024-01-29This is not so much the Svelte equivalent of React Native as it is just NativeScript (https://nativescript.org).
Project mention: Svelte Flow – a library for rendering interactive node-based UIs | dev.to | 2023-11-06We are the xyflow team*, the creators of React Flow and Svelte Flow. We've been maintaining the React Flow library and its ecosystem since 2019. Earlier this year we were inspired by the Svelte community, and created a prototype of what our tool could look like if it was built in Svelte. This lead to us abstracting the core of React Flow to vanilla js and porting the library to Svelte, improving the performance of both libraries along the way.
Project mention: What is JSDoc and why you may not need typescript for your next project? | dev.to | 2024-01-22Besides the features TypeScript itself proposed, the most important thing it brought to the community was the ability to create cool features around this compiler that enhance the developer experience and productivity. Tools like tsserver, pretty ts errors, and many others are actively improving the ecosystem for both JavaScript and TypeScript writers.
Builder.io Mitosis -
Project mention: Building a Retrieval-Augmented Generation Chatbot with SvelteKit and Xata Vector Search | dev.to | 2024-05-15import { experimental_buildLlama2Prompt } from 'ai/prompts'; // Now use Replicate LLAMA 70B streaming to perform the autocompletion with context const response = await replicate.predictions.create({ // You must enable streaming. stream: true, // The model must support streaming. See https://replicate.com/docs/streaming model: 'meta/llama-2-70b-chat', // Format the message list into the format expected by Llama 2 // @see https://github.com/vercel/ai/blob/99cf16edf0a09405d15d3867f997c96a8da869c6/packages/core/prompts/huggingface.ts#L53C1-L78C2 input: { prompt: experimental_buildLlama2Prompt([ { // create a system content message to be added as // the llama2prompt generator will supply it as the context with the API role: 'system', content: systemContext }, { // create a system instruction // make sure to wrap code blocks with ``` {% endraw %} so that the svelte markdown picks it up correctly role: 'assistant', content: {% raw %}`When creating repsonses sure to wrap any code blocks that you output as code blocks and not text so that they can be rendered beautifully.`{% endraw %} }, // also, pass the whole conversation! ...messages ]) } }); {% raw %}
Welcome to the first article of a series where we will explore TanStack Router, a new router for React (version 1.0 released in December 2023).
Project mention: Show HN: TsParticles, a JavaScript particles, confetti, fireworks, etc. library | news.ycombinator.com | 2024-05-13
https://www.embla-carousel.com is a pretty good one.
Project mention: SplideJS – The lightweight, flexible and accessible slider/carousel | news.ycombinator.com | 2023-08-18
Try the Builder.io Figma plugin
Project mention: Chrome Extension MV3 Template : Supabase Auth, Plasmo, Tailwinds CSS & Shadcn UI | dev.to | 2023-08-13
The following is a tutorial for some chapters. If you want to learn more about the usage of alovajs, please come to alova official website to learn.
TypeScript Svelte related posts
-
Show HN: Edge-CSRF – CSRF Protection on the Edge (Next.js, SvelteKit)
-
ChatCrafters - Chat with AI powered personas
-
Show HN: Vowle: a Wordle clone with vowel hints
-
The State of Angular SSR Deployment in 2024
-
Airfoil
-
Building a dynamic form with Svelte and Typescript
-
Superforms 2 for SvelteKit has just been released
-
A note from our sponsor - SurveyJS
surveyjs.io | 16 May 2024
Index
What are some of the best open-source Svelte projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | storybook | 82,947 |
2 | immich | 32,855 |
3 | react-table | 24,223 |
4 | NativeScript | 23,716 |
5 | xyflow | 21,405 |
6 | pretty-ts-errors | 12,251 |
7 | mitosis | 10,984 |
8 | ai | 7,873 |
9 | router | 7,151 |
10 | tsParticles | 7,116 |
11 | windicss | 6,507 |
12 | virtual | 5,107 |
13 | Embla Carousel | 5,119 |
14 | splide | 4,666 |
15 | OverlayScrollbars | 3,558 |
16 | FigmaToCode | 3,498 |
17 | html-figma | 2,973 |
18 | supabase-js | 2,844 |
19 | svelte-nodegui | 2,822 |
20 | vite-plugin-pwa | 2,799 |
21 | vime | 2,717 |
22 | alova | 2,477 |
23 | jest-preview | 2,298 |
Sponsored