<p><strong>TLDR:</strong> Strawberry browser’s team migrated 130K lines of React to Svelte in two weeks using AI coding agents, cutting First Content Paint nearly in half. Vercel open-sourced json-render, a generative UI framework that lets LLMs compose interfaces from a constrained component catalog. Safari Technology Preview 240 landed with <code>revert-rule</code> CSS support and subpixel inline layout. Inertia.js v3 dropped Axios, added optimistic updates, and ships a Svelte 5 adapter.</p>
<hr>
<h2>Strawberry browser: 130K lines, React to Svelte, two weeks</h2>
<p>Strawberry’s engineering team made the case that AI-assisted development has genuinely changed the math on large rewrites. One engineer drove the migration using Cursor with a strict Svelte ruleset to stop the LLM from defaulting to React patterns. First Content Paint dropped from 300ms to 124ms, LLM token stream re-renders fell by 10x, and 56 unused dependencies were removed. The core argument is that React’s virtual DOM overhead is a bad fit for a browser UI being hammered by parallel AI agents — and honestly, that’s hard to argue with given those numbers.</p>
<h2>Vercel open-sources json-render</h2>
<p>Vercel released json-render, a generative UI framework where you define a catalog of allowed components via Zod schemas and an LLM produces a constrained JSON spec the framework renders progressively. It supports React, Vue, Svelte, Solid, and React Native, and ships with 36 pre-built shadcn/ui components plus packages for PDF, email, video, and 3D. Community reaction is split — some see real value in runtime UI composition, others are asking why this reinvents JSON Schema or OpenAPI. Google has a comparable project called A2UI, though the two differ in scope: json-render is tightly coupled to your app’s component set, while A2UI targets cross-agent interoperability.</p>
<h2>Safari Technology Preview 240</h2>
<p>The release adds <code>revert-rule</code> CSS keyword support, subpixel inline layout for more precise text positioning, and expanded DOM element/attribute name character support per the WHATWG spec. Web Inspector’s Color Picker now shows contrast information. Bug fixes span CSS scrollbars, hanging-punctuation, WebM/VP8/VP9/Opus media playback, SVG event handling, scroll snap, and Web Extensions manifest.json trailing comma parsing — a solid maintenance release.</p>
<h2>Inertia.js v3</h2>
<p>Axios is gone, replaced by a built-in XHR client that removes roughly 15KB from bundles. A new <code>useHttp</code> hook handles non-navigation HTTP requests with reactive state, and optimistic updates now work across the router, <code>useForm</code>, and <code>useHttp</code> with automatic rollback on non-2xx responses. SSR works in Vite dev mode without a separate Node.js process. The release also drops Svelte 4 in favor of a Svelte 5 adapter and adds React Strict Mode support. This is ESM-only with renamed APIs, so budget time for the migration.</p>
<hr>
<h2>Also notable</h2>
<ul>
<li><strong>Astro 6.1:</strong> Codec-specific Sharp image defaults let you configure JPEG, WebP, AVIF, and PNG encoding once in your config; SmartyPants now supports French guillemets and German quotation marks; mobile view transitions skip animations during native browser swipe gestures.</li>
<li><strong>Google Stitch:</strong> Google Labs launched a web design platform that converts natural language into code-backed designs with clickable prototypes, including voice-powered design via the Gemini Live API, available at <a href="http://stitch.withgoogle.com" target="_blank" rel="noopener nofollow">stitch.withgoogle.com</a>.</li>
<li><strong>OpenAI frontend claims disputed:</strong> A developer published benchmark comparisons showing GPT-4.5 produces repetitive card-heavy layouts regardless of prompting, while Claude Opus, Gemini, and Kimi K2.5 generate more varied UI output — directly contradicting an OpenAI blog post claiming production-ready frontend generation.</li>
<li><strong>Calibre RUM:</strong> Calibre launched Real User Monitoring on all plans including free trial, capturing Core Web Vitals with element-level attribution for LCP, INP, and CLS, with setup requiring a single script tag.</li>
<li><strong>Generative UI and accessibility:</strong> A roundup of GenUI notes flags that accessibility is a lagging concern in the current hype cycle, pointing to backlash against Figma Sites for shipping inaccessible AI-generated output.</li>
<li><strong>Chrome DevTools content overriding:</strong> A practical walkthrough of DevTools’ built-in API response and header override feature — useful for mocking responses, testing UI states, and bypassing CORS without touching the backend.</li>
<li><strong>Ryan Carniato on React’s design choices:</strong> The SolidJS creator argues that deferred state commits and explicit effect dependency arrays aren’t React quirks but unavoidable constraints of async UI, and that Solid 2.0 will adopt the same invariants.</li>
<li><strong>PWA Kit v3.17:</strong> Introduces headless Page Designer for Salesforce B2C Commerce composable storefronts, letting developers build Page Designer components once in React using two new metadata attributes instead of maintaining parallel ISML implementations.</li>
<li><strong>UX Quest:</strong> An open-source in-browser game that uses a 4MB browser-local ML model to score answers to usability problem scenarios, aimed at developers whose coding agents handle implementation but miss UX issues.</li>
<li><strong>Web Speech API guide:</strong> Step-by-step walkthrough for building a voice-powered AI app using the browser’s SpeechRecognition API, a Node.js backend forwarding transcripts to Gemini, and optional deployment on Cloud Run and Firebase Hosting.</li>
</ul>


Frontend development news, CSS techniques, framework updates, and browser API changes.

Web Digest

A roundup of notable frontend and web development news: Strawberry browser migrated 130K lines of React to Svelte in two weeks using AI coding agents (Cursor), cutting First Content Paint from 300ms to 124ms. Vercel open-sourced json-render, a generative UI framework where LLMs compose interfaces from a constrained component catalog supporting React, Vue, Svelte, Solid, and React Native. Safari Technology Preview 240 adds revert-rule CSS support and subpixel inline layout. Inertia.js v3 drops Axios for a built-in XHR client, adds optimistic updates, and ships a Svelte 5 adapter. Also covered: Astro 6.1 image encoding defaults, Google Stitch design platform, OpenAI frontend generation benchmarks disputed, Calibre RUM launch, Chrome DevTools response overriding, and Ryan Carniato's take on React's async UI design constraints.

Strawberry rewrites 130K lines of React to Svelte in two weeks, Vercel ships generative UI framework