svelte
UI Components Library.
SVAR Core library is a collection of essential UI components written with Svelte.
Creative components, in a new dimension. Creative Canvas and WebGL Component Library.
An open source library of tasteful html-in-canvas & WebGL components. Framework agnostic. Copy, paste, ship.
A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.
The headless components for Svelte.
Bits UI is a collection of headless component primitives that enable you to build your own custom components. They have been thoughtfully designed to prioritize simplicity without compromising customizability.
Embla Carousel is a bare bones carousel library with great fluid motion and awesome swipe precision. It's library agnostic, dependency free and 100% open source. Build awesome carousels by extending Embla Carousel with your own CSS and JavaScript.
A modern static portfolio generator built with SvelteKit and Tailwind CSS. Showcase your creative work with elegance and simplicity.
A modern static portfolio generator built with SvelteKit 2 and Tailwind CSS 4 by AKER. Features a file-based content management system using folders and Markdown files. Perfect for designers, artists, architects, and creatives who want to showcase their projects elegantly and professionally.
Related contents:
Write components once, run everywhere.
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more. Mitosis provides a unified development experience across all frameworks, enabling you to build components in a single codebase and compile them to React, Vue, Angular, Svelte, Solid, Alpine, Qwik, and more.
Related contents:
Lucia is a simple yet flexible user and session management library that provides an abstraction layer between your app and your database. It's bare-bones by design, keeping everything easy to use and understand, and ensures type-safetly so you can use it confidently.
the elegant TypeScript UI framework.
Ripple is a TypeScript UI framework that takes the best parts of React, Solid and Svelte and combines them into one package.
melt away complexity. An open-source Svelte library for building high-quality, accessible design systems and web apps.
Components in Markdown.
A fast, streaming-ready markdown parser with component support for Vue, React, Svelte, HTML and ANSI terminal.
A tiny library for building editable websites in Svelte.
Svedit (think Svelte Edit) is a tiny library for building editable websites in Svelte. You can model your content in JSON, render it with custom Svelte components, and (this is the kicker) site owners can edit their site directly in the layout — no CMS needed.
A lightweight and elegant React/Vue/Angular/Svelte full calendar(big-calendar) component.
DayFlow provides production-ready calendar views, drag-and-drop, and a modular architecture so you can focus on your product, not date math.
Build single-page apps, without building an API. Create modern single-page React, Vue, and Svelte apps using classic server-side routing. Works with any backend — tuned for Laravel.
Related contents:
- Part 1: How We Fell Out of Love with Next.js and Back in Love with Ruby on Rails & Inertia.js @ Hardcover.
- Speed up your Inertia.js website with these 7 tactics @ Aaron Francis' YouTube.
- Simplicity, vanished?! Solving the mystery with Inertia.js + Rails @ Evil Martians.
- #125 - Inertia JS, le front et le back unifiés @ Double Slash :fr:.
🎉 Web component JS frameworks overview by their syntax and features.
Many JS developers don't have a good overview of every existing JS framework with their own syntax and features. How do we solve this ? Developers love having framework overview by examples. It's a quick introduction before going deeper.
Related contents:
Free, Fast, and Powerful SVAR React DataGrid
An open-source, high-performance data grid for modern React applications with virtual scrolling, advanced filtering, editing, tree data, and full TypeScript support.
an SEO first Svelte Framework & Static Site Generator.
Elder.js is an opinionated static site generator and web framework built with SEO in mind. (Supports SSR and Static Site Generation.)
smooth squircle corners for HTML elements.
Monoco is a tiny JavaScript library that adds squircles (smooth corners) and other corner types to html elements.
An adaptive design system for extending Tailwind. A complete design system and component solution, built on Tailwind.
Skeleton is an open source UI toolkit built with Svelte + Tailwind that allows you to create reactive web interfaces using Svelte + Tailwind CSS.
Skeleton integrates with Tailwind to provide an opinionated solutions for themes, colors, typography and more. Including easy to use components for your favorite web frameworks
Modular and type-safe forms
Build your next form with Formisch, the open source form library with performance, type safety and bundle size in mind. The lightweight, schema-first, and fully type-safe form library for React, Solid, Vue, Svelte and more.
Related contents:
Headless UI for Virtualizing Large Element Lists
Virtualize only the visible DOM nodes within massive scrollable elements at 60FPS in TS/JS, React, Vue, Solid & Svelte while retaining 100% control over markup and styles.
Easy Drag-to-Swap Solution. ✨ A simple JavaScript tool for converting any layout you have to drag-to-swap layout.
Meet Swapy, a framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code.
A modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript
Haptic feedback for the mobile web. Supports React, Vue, and Svelte.
Related contents:
Over 3200 pixel-perfect icons for web design. Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.
Powerful asynchronous state management for TS/JS, React, Solid, Vue, Svelte and Angular
Toss out that granular state management, manual refetching and endless bowls of async-spaghetti code. TanStack Query gives you declarative, always-up-to-date auto-managed queries and mutations that directly improve both your developer and user experiences.
Related contents:
Git-based headless CMS. A modern, free alternative to Netlify CMS & Decap CMS. Open source. Lightweight. UX-driven development. Made with Svelte.
Stunning touch-friendly 3D parallax hover effects. Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React, Vue.js and Svelte. Atropos @ GitHub.
React Router, Solid Router, Svelte Router, Vue Router. Modern and scalable routing for applications. A fully typesafe router with first-class search-param APIs and built-in caching, built for JS/TS, React, Preact, Solid, Vue and Svelte.
Export Icons directly from Figma
Instantly get React, Vue and Svelte components
A goto styled text editor for SvelteKit; based on TipTap.
Tipex stands as an advanced rich text editor tailored for Svelte, meticulously engineered with the robust frameworks Tiptap and Prosemirror. It empowers developers to effortlessly craft rich text editors, liberating them from the intricacies of underlying technologies, style management, and related complexities.
skeleton screens for your UI. Auto generated skeleton loading framework.
Pixel-perfect skeleton loading screens, extracted from your real UI. No manual measurement, no hand-tuned placeholders. boneyardsnapshots your real UI and captures a flat list of skeleton “bones” — positioned, sized rectangles that mirror the page exactly.
No manual measurement. No hand-tuned placeholders. Wrap your component in <Skeleton> and get pixel-perfect skeleton screens that stay in sync with your actual layout.
Components for React, Svelte and Vue.
Integrate fully functional UI widgets for data management, project planning, or file organization in minutes. Get started with the framework of your choice: React, Svelte or Vue.
Beautiful spoiler effects
Framework-agnostic web component with Telegram-inspired particle animations. Drop it into React, Vue, Svelte, or vanilla JavaScript in seconds.
Authentication for the Web.
Auth.js is a complete open-source authentication solution for web applications.
Placeholder Avatars for the Modern World. Give your app some flair instead of using some generic user icon from some icon library. Use it in your frontend framework of choice.
Svelte Plotting Framework.
The best visualizations are built with Svelte. A Svelte-native visualization framework based on the layered grammar of graphics principles.
High-Performance Data Grid for Vue, React, Angular, Svelte, and JavaScript. RevoGrid is a high-performance JavaScript Data Grid built for massive datasets. 60fps, 3x less memory
Git Branching, Refined. The GitButler version control client, backed by Git, powered by Tauri/Rust/Svelte.
GitButler is a git client that lets you work on multiple branches at the same time. It allows you to quickly organize file changes into separate branches while still having them applied to your working directory. You can then push branches individually to your remote, or directly create pull requests.
All popular icon sets, one framework. Freedom to choose icons. Over 150,000 open source vector icons.
Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (100+ icon sets, 100,000+ icons). SVG framework, React, Vue and Svelte components!
Cybernetically enhanced web apps.
Svelte is a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS and JavaScript. It’s a love letter to web development.
Related contents:
- Compile Svelte 5 in your head @ Tan Li Hau.
- Svelte, Markdown, and the Magic of Web Components @ sh4jid.
- React Won by Default – And It's Killing Frontend Innovation @ Loren Stewart.
- Svelte really is that fast @ Chuniversiteit.nl.
- Why startups choose React (and when you shouldn't) @ Evil Martians.
- Hunting a production-only proxy bug in SvelteKit @ drew's dev blog.