Skip to content
Aurora Lab
An open lab for a more creative web

Small wonders
for the curious web.

A collection of original frontend experiments: animated type, buttons, hover effects, cursors and SVG. Explore each interaction, see how it works and make the code your own.

03

Just added

The latest additions to the lab.

Hover

Registration Flip

A single fashion-editorial archive label uses a restrained letterpress flip on hover. Each letter turns on its horizontal axis to reveal a raspberry reverse, creating the impression…

29.10.2026
Text

Inkline Resolve

A compact editorial phrase begins as finely drawn outline lettering. Hovering, focusing, or activating the phrase advances a warm ink fill from left to right, turning emphasis…

29.10.2026
Buttons

Pressline Review

A text-only review CTA turns a deliberate press into a compact typographic confirmation. The label settles from “Send to review” to “Review requested”, while its raspberry underline…

29.10.2026
Cursor

Elastic Passage

A single editorial action responds to cursor velocity rather than cursor position. Its letters briefly travel along a restrained wave when the pointer crosses the target, creating…

29.10.2026
Text

Decoded Passage

A single editorial navigation label resolves through a brief stream of typographic noise before settling into its active state. The interaction uses sequential decoding rather than moving…

29.10.2026
04

Curated collections

Experiments connected by ideas, not only categories.

All collections ↗
05

Latest articles

Practical guides, tutorials and a closer look at creative frontend development.

Accessibility · 29.10.2026

How to Add a Skip Link That Works

Learn how a skip link helps keyboard users reach the main content quickly, and how to add one without disrupting the visual design. The note covers the…

Seo Geo · 29.10.2026

How to Make a 404 Page Useful

A 404 page should do more than report that a URL is missing. This note explains how to help visitors recover, preserve useful context, and guide search…