design-infraReport a problem or share feedback← Catalog
Container Scroll Animation
curatedfreeaceternity/container-scroll-animation
A scroll animation that rotates in 3d on scroll. Perfect for hero or marketing sections.
$
npx shadcn@latest add @aceternity/container-scroll-animationnpm deps: motion
Our notes
Product screenshot that tilts into place on scroll — classic SaaS hero follow-up.- Source
- Aceternity UI
- Kind
- component
- Categories
- scroll-effect, hero, features
- Use as
- wrapper — wraps your existing element
- Applies to
- heroimagedashboard
- Motion
- on scroll · expressive · motion · medium cost · ignores reduced motion
- Tags
- product
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Parallax Hero Imagesaceternity/parallax-hero-imagesMouse-driven parallax effect, perfect for hero sections. Images blur fade in and move at different depths.
- Fey.com Macbook Scrollaceternity/macbook-scrollFey-style laptop reveal. Heavy; one per page max.
- Features · Levels (scroll-spy)oc/feature-levels♥ Free recreation of the Aceternity multi-level features block Owen loves — default pick for feature walkthroughs on landing pages.