Get the latest tech news

Visual loading states for Turbo Frames with CSS only


Learn how to add instant loading feedback to your Turbo Frames without JavaScript. I’ll walk you through using the aria-busy state with CSS pseudo-elements to show text or animated SVG spinners during slow requests.

None

Get the Android app

Or read this on Hacker News

Read more on:

Photo of css

css

Photo of Turbo Frames

Turbo Frames

Related news:

News photo

Targetting specific characters with CSS rules

News photo

Apple has a private CSS property to add Liquid Glass effects to web content

News photo

Liquid Glass in the Browser: Refraction with CSS and SVG