scroll snap chapters presentation narrative chapter-based storytelling pages scrollable web decks editorial product narratives long pages feel structureless need softer chapter transitions than full-screen slides want presentational rhythm without JS
Chapter Snap
Fetch snippet JSON:
curl https://webspire.de/snippets/scroll/chapter-snap.json Background
Customize
Quick Start
<div class="chapter-snap-shell"><section class="chapter-snap-panel">...</section></div>Details
- Tailwind
- v4.x
- Browser
- baseline-2024
- A11y
- prefers-reduced-motion
- Size
- 267 bytes · 12 lines
- Custom Properties
-
--chapter-snap-gap--chapter-snap-offset - Classes
-
.chapter-snap-shell
scroll snap chapters presentation narrative
Soft section snapping for long-form pages that should feel chaptered like a presentation.