Top 23 TypeScript Svelte Projects
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.
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 - 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!
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-TableProject mention: Sometimes things only work in strict mode | reddit.com/r/reactjs | 2022-11-18
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.
Next generation utility-first CSS framework.
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.
🤖 Type-safe router w/ built-in caching & URL state management for JS/TS, React, Preact, Solid, Vue, Svelte and AngularProject 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
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.
🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and SvelteProject 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 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.
Hackable Markdown Editor and ViewerProject mention: SvelteKit + ByteMD | reddit.com/r/sveltejs | 2022-02-25
Seems to be a known issue: https://github.com/bytedance/bytemd/issues/96
www.embla-carousel.com - A lightweight carousel library with fluid motion and great swipe precision.Project mention: react2svelte/image-gallery: Svelte carousel image gallery component with thumbnail and mobile swipe support, ported from react-image-gallery (demo linked inside) | reddit.com/r/sveltejs | 2023-01-13
Did you try embla-carousel?
Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.
Build performant, native and cross-platform desktop applications with native Svelte + powerful CSS-like styling.🚀
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
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.
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!
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.
Zero-config PWA for ViteProject 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.
A module used to arrange card elements including content infinitely on a grid layout.
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
Keyboard shortcuts interface for your website. Working with static HTML, Vanilla JS, Vue, React, Svelte.
Selecto.js : a component that allows you to select elements in the drag area using the mouse or touch.
SyncedStore CRDT is an easy-to-use library for building live, collaborative applications that sync automatically.
TypeScript Svelte related posts
What do you think about handling protected routes and redirects in middleware?
1 project | reddit.com/r/nextjs | 31 Jan 2023
SvelteKit with K8s
1 project | reddit.com/r/sveltejs | 30 Jan 2023
Website Erstellung - State of the Art
3 projects | reddit.com/r/webentwicklung | 29 Jan 2023
Is Svelte drowning in issues?
3 projects | reddit.com/r/sveltejs | 19 Jan 2023
Show HN: I made yet another create-electron-app
1 project | news.ycombinator.com | 15 Jan 2023
sveltekit documentation is bad, who can i ask to improve it?
3 projects | reddit.com/r/sveltejs | 13 Jan 2023
Passing event handlers in $$restProps? (ex. creating a wrapped <Input /> component)
2 projects | reddit.com/r/sveltejs | 12 Jan 2023
A note from our sponsor - Sonar
www.sonarsource.com | 1 Feb 2023
What are some of the best open-source Svelte projects in TypeScript? This list will help you: