Tag: svelte

@ewanc26/landing-ui

Shared Svelte landing page layout, CSS, and components for the *-web tool sites (Jasper, Malachite, Opal, Bismuth, Tourmaline).

@ewanc26/og

Dynamic OpenGraph image generator with noise backgrounds, bold typography, and Satori-based rendering.

croft.click

The AT Protocol tools directory — a free, browser-based hub linking Jasper, Malachite, Bismuth, Opal, and Tourmaline.

docsite moves to a card-based layout and puts GitHub Sponsors in the sidebar

The sidebar no longer tries to list all 77+ docs, the homepage and projects index became searchable card grids, and GitHub Sponsors got promoted from a footer link to a sidebar button. Eight previously-undocumented repos were added.

pds-status

A SvelteKit status page for your AT Protocol PDS, showing health, account count, and real-time metrics.

hasharium

Identities, given form. A browser-based cabinet of deterministic shapes generated from decentralised identifiers.

pds-dash

A frontend dashboard with stats for your AT Protocol PDS, built with Deno and SvelteKit.

faol-website

Website for faol, a digital person. Published with Sequoia.

How I Built Yarrow

How I Stop LLMs Drifting In Production Codebases

The problem I care about with LLM coding is drift: one plausible shortcut gets copied, then future sessions start treating it as how the app works. I’ve used AI coding tools every day as a team lead on large private client codebases, across...

Yarrow

devlog

Centralized changelog and development log for croft.click.

Support Page Modernization & Build Refinement

Refactoring the support page with patronage components and resolving build failures.

Removed analytics references and duplicate links across landing-ui projects

Replaced analytics taglines, removed duplicate footers from LandingPage and all about pages, deduplicated Tourmaline header navLinks

Created faol-website — digital person blog template

New SvelteKit + Sequoia website for faol with blog under /notes, timeline, tag filtering, TOC, and RSS

Created faol-website — digital person blog template

New SvelteKit + Sequoia website for faol with blog under /notes, timeline, tag filtering, TOC, and RSS

Tourmaline folded into pkgs monorepo, landing-ui improvements

Moved Tourmaline from standalone repo into packages/tourmaline, enhanced landing-ui with backdrop blur, nav links, snippet props, and fixed source URLs across all projects

Landing-ui polish: shared layout, cross-references, icon cleanup, support consolidation

LandingLayout improvements (subtitle, expanded footer, @theme bridge), cross-references between all five tools, inline symbols replaced with Lucide icons, support links consolidated to ewancroft.uk/support

A static site that takes pull requests

Out of Office stores its data in a JSON file in git, not a database. Why, and when this pattern fits.

Paolo Ricciuti - Svelte, TMCP

Paolo Ricciuti, Svelte maintainer and TMCP creator, discusses Svelte 5's new runes system and his journey from fan to core contributor.

hello svelte

migrating and redesigning my oss project

Collection: Vitest & Svelte

Resources and learning materials for getting started with Vitest in Svelte & SvelteKit

Salma Alam-Naylor - Nordcraft

Salma Alam-Naylor introduces Nordcraft's visual web framework and shares her evolution from music teacher to Head of Developer Education.

Jeppe Reinhold - Storybook Modernization

Jeppe Reinhold from Chromatic reveals Storybook's transformation into a fast, modern development environment with Vite integration and AI-powered component discovery.

SvelteKit Refresher

Comprehensive refresher for SvelteKit framework with routing, data loading, and deployment strategies

Svelte 5 Refresher with Runes

Comprehensive refresher for Svelte 5 with runes, reactivity, and component patterns

How to Stay Up to Date in Svelte

Archive Milestones & Theme Expansion

Implementing post milestones, improving archive navigation, and adding the Werewolf theme.

CorrelCon 2025 - DataViz for the Web with Svelte

Links & Resources for my Talk

From JSDOM to Real Browsers: Testing Svelte with Vitest Browser Mode

In this post I’m going to go through converting the SvelteKit minimal template from using and over to using , and . Why? Well, it’s as close to testing components and pages as you can get, rather than relying on the simulated it’s...

Svelte Summit 2025

Ok, off of the back of an absolutely banger of a post from Ilja, I’m now compelled to write about my own experience at Svelte Summit. I initially drafted this post on the 13th, it’s now the 25th (this post has been sat in my drafts all this time!)...

Migrating from @testing-library/svelte to vitest-browser-svelte

I first heard about at Svelte Summit from a talk by Dominik G, one of the core maintainers of SvelteKit and Vite. He demonstrated how this new approach lets you test Svelte components in actual browsers instead of mocked environments like . The...

Svelte Summit 2025 (Spring): Some Observations

«Feature Graveyard»: 14K Data Points with Canvas & WebGL in Svelte

Using Svelte + Canvas + WebGL + Voronoi/Delaunay to render > 10K interactive data points

Using MCP Tools with Claude and Cline

Aight! I’ve been playing around with using and creating my own Model Context Protocol (MCP) tools lately. I also talked myself into giving a talk at the next Svelte London event to share what I’ve learned. It’s a bit of a stretch talking about AI...

Adding Comments to My Blog with Bluesky!

MDX Tests: Astro & Svelte 5 & Canvas

The new Svelte (sv) CLI, adding Tailwind is simple now

Aight! With Svelte Summit Fall 2024 done with we got a load of cool new announcements, Svelte 5 being the big one along with the new site and docs! Beautiful! One of the other big announcements was the new Svelte CLI which combines with the ...

Svelte 5 Patterns (Part 1): Simple Shared State, getContext, and Tweened Stores with $runes

I’ve been using Svelte 5 since mid May and learned some smart Svelte 5 patterns - some of which don’t even appear in the docs (at least as of today). Here are some of them.

A Local-First Case Study

How I built a local-first app for planning trips, and what I learned about the current state of the local-first ecosystem along the way.

Nathan Walker, Eduardo Speroni - NativeScript

Nathan Walker and Eduardo Speroni dive into NativeScript's ability to bridge JavaScript with native platform APIs for cross-platform mobile development.

Building a dynamic form with Svelte and Typescript

SvelteKit and Fathom Svelte 5 Integration

This is a post that will go over some of the specifics needed to configure a SvelteKit project using Svelte 5 runes. So this is a dedicated post for the Svelte 5 integration going over the work done in previous posts on setting up a project to use...