Layouts

Azemmur's Layouts section contains a curated collection of scroll-driven layout primitives — built with Tailwind CSS, Motion, and class-variance-authority (CVA). These composable sections handle common scroll-interaction patterns so you can focus on content.

Layout primitives orchestrate structure and motion — they define how content enters, sticks, and transforms on scroll.

Customization

All layouts are intentionally open — modify the structure, styling, motion logic, or variants as needed. Each layout acts as source code, not a black box.

You can:

• Edit Tailwind classes directly.
• Adjust motion parameters (stiffness, damping, offsets).
• Compose multiple layouts together for full-page experiences.
• Override any variant via the className prop.