Category: Animations
Tier: Premium
Prompt: 1686 words
Includes: Prompt + source code

Animations

Expanding Media Hero — Scroll Unfold

framer-motionreacttailwindtypescriptvite

The prompt

# SCROLL EXPANSION HERO — COMPONENT INTEGRATION

YOU ARE GIVEN A TASK TO INTEGRATE AN EXISTING REACT COMPONENT IN THE CODEBASE

THE CODEBASE SHOULD SUPPORT:

- SHADCN PROJECT STRUCTURE
- TAILWIND CSS
- TYPESCRIPT

IF IT DOESN'T, PROVIDE INSTRUCTIONS ON HOW TO SETUP PROJ

This is a premium prompt

Unlock the full prompt + source code with Premium.

Unlock with Premium

Related in Animations

Grand Prix Hero — Scroll-Scrubbed Video

Grand Prix Hero — Scroll-Scrubbed Video

Editorial Bag Collage — Scroll Choreography

Editorial Bag Collage — Scroll Choreography

Nested Squares Loader — Unfolding Grid

Nested Squares Loader — Unfolding Grid

Container Scroll Animation — 3D Tilt

Container Scroll Animation — 3D Tilt