svelte-devtools
A browser extension to inspect Svelte application by extending your browser devtools capabilities
svelte-devtools
A browser extension to inspect Svelte application by extending your browser devtools capabilities
Share with the biggest community of Svelte enthusiasts in the world
Welcome to Svelte Society, homepage for everything Svelte. Find what you're looking for in the navigation above!
Support Svelte Society and get your company featured here. Contact us
A browser extension to inspect Svelte application by extending your browser devtools capabilities
A browser extension to inspect Svelte application by extending your browser devtools capabilities
Changelog. Including: SvelteKit's new 'fork' API for component pre-loading, Svelte 5.43.0's out-of-order rendering, and the 'hydratable' API for server-to-client value consistency. Numerous bug fixes and optimizations across Svelte and SvelteKit, enhancing async operations, component rendering, and developer experience.
Changelog. Including: SvelteKit's new 'fork' API for component pre-loading, Svelte 5.43.0's out-of-order rendering, and the 'hydratable' API for server-to-client value consistency. Numerous bug fixes and optimizations across Svelte and SvelteKit, enhancing async operations, component rendering, and developer experience.
Kevin is joined by core maintainer Elliott Johnson to talk about the new Hydratable API.
Kevin is joined by core maintainer Elliott Johnson to talk about the new Hydratable API.
A database that's distributed across your frontend, containers, serverless functions and its own storage cloud. Includes auth with secure multiplayer transactions and encryption.
A database that's distributed across your frontend, containers, serverless functions and its own storage cloud. Includes auth with secure multiplayer transactions and encryption.
A SvelteKit adapter that deploys hybrid and server-rendered sites to EdgeOne Pages.
A SvelteKit adapter that deploys hybrid and server-rendered sites to EdgeOne Pages.
An experimental, local-first sync engine for SvelteKit with optimistic updates, real-time synchronization, and support for any database.
An experimental, local-first sync engine for SvelteKit with optimistic updates, real-time synchronization, and support for any database.
SvelteKit’s new remote functions and why they finally solve the long-standing pain of page-level data in Svelte. They cover queries, forms, batching, caching, and all the clever RPC ergonomics that make Svelte’s approach feel surprisingly powerful and refreshingly simple
SvelteKit’s new remote functions and why they finally solve the long-standing pain of page-level data in Svelte. They cover queries, forms, batching, caching, and all the clever RPC ergonomics that make Svelte’s approach feel surprisingly powerful and refreshingly simple
A lightweight Svelte component that displays the current Tailwind CSS breakpoint during development. Perfect for responsive design debugging!
A lightweight Svelte component that displays the current Tailwind CSS breakpoint during development. Perfect for responsive design debugging!
Vite plugin that automatically decorates SvelteKit functions.
Vite plugin that automatically decorates SvelteKit functions.
Conference Talk at Frontkon25 by Paolo Ricciuti about progressive enhancement techniques in svelte and sveltekit.
Conference Talk at Frontkon25 by Paolo Ricciuti about progressive enhancement techniques in svelte and sveltekit.
Rich Harris, creator of Svelte and Rollup, presents an exploration of reactive systems and the benefits of using fine-grained reactivity with compilers, demonstrating how this approach can simplify application development by giving developers "remote control" over their code's performance and behavior.
Rich Harris, creator of Svelte and Rollup, presents an exploration of reactive systems and the benefits of using fine-grained reactivity with compilers, demonstrating how this approach can simplify application development by giving developers "remote control" over their code's performance and behavior.
Turn key shadcn-svelte components to help finish your app.
The InteractiveCursor is a Svelte 5 component that provides a customizable, interactive cursor effect. It dynamically changes its position and size based on user interactions within specified trigger areas.
The InteractiveCursor is a Svelte 5 component that provides a customizable, interactive cursor effect. It dynamically changes its position and size based on user interactions within specified trigger areas.
A Svelte component that displays text in a circular layout with customizable animations and styling.
A Svelte component that displays text in a circular layout with customizable animations and styling.
composable and minimal i18n solution for Svelte & SvelteKit
Svelte adapter that makes chrome extension support easier. The primary reason for using this adapter is if you wish to maintain a "traditional" svelte layout, not use Vite/rollup, and minimize your manifest.json hassle.
Svelte adapter that makes chrome extension support easier. The primary reason for using this adapter is if you wish to maintain a "traditional" svelte layout, not use Vite/rollup, and minimize your manifest.json hassle.
Add authentication with BetterAuth and set up Login with Google — all running on Cloudflare Workers with Drizzle ORM and Cloudflare D1
Add authentication with BetterAuth and set up Login with Google — all running on Cloudflare Workers with Drizzle ORM and Cloudflare D1
Build a SvelteKit guestbook app from scratch, and take it all the way to a live deployment on Cloudflare Workers, using Drizzle ORM and Cloudflare D1 for the database.
Build a SvelteKit guestbook app from scratch, and take it all the way to a live deployment on Cloudflare Workers, using Drizzle ORM and Cloudflare D1 for the database.
A Svelte adapter that launch other adapters
📧 Render emails in Svelte effortlessly with first-class tailwind support
📧 Render emails in Svelte effortlessly with first-class tailwind support
In this episode, Stanislav Khromov joins the Svelte Radio team to discuss his work on Svelte Bench, a benchmarking tool that scientifically measures how well different LLMs understand and write Svelte 5 code. The conversation explores the challenges of AI-assisted coding with Svelte 5, the development of the official Svelte MCP (Model Context Protocol) that provides LLMs with documentation and auto-fixing capabilities, and the surprising performance differences between major AI providers. Stanislav also shares insights on working with AI tools, the future of local models, and the economics of AI coding assistants.
In this episode, Stanislav Khromov joins the Svelte Radio team to discuss his work on Svelte Bench, a benchmarking tool that scientifically measures how well different LLMs understand and write Svelte 5 code. The conversation explores the challenges of AI-assisted coding with Svelte 5, the development of the official Svelte MCP (Model Context Protocol) that provides LLMs with documentation and auto-fixing capabilities, and the surprising performance differences between major AI providers. Stanislav also shares insights on working with AI tools, the future of local models, and the economics of AI coding assistants.
We get some expert help from Jeppe to integrate Storybook into the new Svelte Society website.
We get some expert help from Jeppe to integrate Storybook into the new Svelte Society website.
Is it possible to dual-deploy to Cloudflare and other environments? Out of the box: - `sv create` deployment to Cloudlflare fails - `create-cloudflare`deployment to Vercel/Netlify/etc fails This recipe shows the minimal work required to enable successful Cloudflare deployment (without wrangler!) Your project will also continue to deploy to Vercel/Netlify.
Is it possible to dual-deploy to Cloudflare and other environments? Out of the box: - `sv create` deployment to Cloudlflare fails - `create-cloudflare`deployment to Vercel/Netlify/etc fails This recipe shows the minimal work required to enable successful Cloudflare deployment (without wrangler!) Your project will also continue to deploy to Vercel/Netlify.
Announcing the new Svelte Society website
How to use React libraries in Svelte.
svelte-socket is a reactive WebSocket wrapper for Svelte 5 that uses runes for state management and includes a context provider component for sharing socket instances across your application and a debugger UI component.
svelte-socket is a reactive WebSocket wrapper for Svelte 5 that uses runes for state management and includes a context provider component for sharing socket instances across your application and a debugger UI component.
Formisch is a schema-based, headless form library for Svelte. It manages form state and validation. It is type-safe, fast by default and its bundle size is small due to its modular design.
Formisch is a schema-based, headless form library for Svelte. It manages form state and validation. It is type-safe, fast by default and its bundle size is small due to its modular design.
- Svelte changelog - Svedit: a rich text editor designed for building editable websites
- Svelte changelog - Svedit: a rich text editor designed for building editable websites