Declarative pincode component for Svelte

Svelte Flow, a library for building interactive flow UIs with Svelte. The episode starts with a changelog discussing recent updates and fixes in Svelte, including improvements to the inspect function, fine-grained template usage, and support for state mutations in derived objects. The main segment features Peter from XY Flow, who demonstrates how to use Svelte Flow to create and customize nodes, edges, and handles in a flow UI.

Updates and showcases in the Svelte ecosystem. The episode begins with a changelog for Svelte 5.33.15, highlighting fixes and improvements such as boundary error handling for derived stores, regression fixes in destructuring props, and updates to the AON parser. The showcase features Svelte Lexical, a rich text editor for Svelte based on Lexical from Facebook.

Svelte Ripple Action

Ken Kunz's humorously explains how Svelte's features can be used to recreate the UI seen in the TV show Severence.

Creating 3D UI with Threlte and Svelte.

Development with TanStack + SvelteKit.

jsx for svelte to simplify testing

Practical guide to building web components with Svelte, covering Custom Elements, HTML templates, and Shadow DOM. Overview of challenges and userland solutions, including attribute-to-prop conversion, lack of SSR support, and the "swep components" toolkit (template, Rollup plugin, experimental SSR).

Safet Zahirovic explains how he achieved SSR with Svelte and Fastify (without SvelteKit).

A masked form input that converts numbers to localized currency formats as you type

🇸 Svelte Component that tracks a users progress through a page as they scroll 🚀

A lazy-loader component library for Svelte

Skeleton v3.0, a significant update to the Skeleton library. The episode covers various changes and improvements, including better TypeScript support, handling of hydration mismatches, and new features like state fields in class constructors. The host discusses the importance of Skeleton in the Svelte ecosystem and its role in providing a design system with themes and components.

A chat component made with svelte

Svelte UI component: a number input field that can be controlled with mouse and keyboard

Simple Svelte component to compare two images using slider.

An implementation of a virtual, sortable table for Svelte

An accessible dialog component for Svelte apps

Tabs component for Svelte

Enhance your svelte transitions

GitHub repository: dhimankamal/svelte-progressbar

Responsive grid system based on Bootstrap for Svelte

A hover card that displays relative time relative to local time with timezone information.

Cartesian Product component for Svelte to help with visual regression testing

A Web component library that brings the power of TwicPics to your favorite web framework.

Svelte component for showing speedometer like gauge using d3

Appwrite SDK for Svelte 🧡 ⚠️ Warning - this SDK was designed to support Appwrite 0.9 and is not compatible with the latest Appwrite versions. We are planing to refactor it as part of the SDK Generator for better support and maintenance.

focus lock for svelte

This is a port of vue-scrollactive to Svelte, a lightweight and simple to use component that highlights menu items as you scroll the page, also scrolling to target section when clicked.