design-infraReport a problem or share feedback← Catalog
Hero Parallax
freeaceternity/hero-parallax
A scroll effect with rotation, translation and opacity animations.
$
npx shadcn@latest add @aceternity/hero-parallaxnpm deps: motion
- Source
- Aceternity UI
- Kind
- component
- Categories
- hero, scroll-effect
- Use as
- drop-in — replaces your component
- Applies to
- heroscroll-effect
- Motion
- on scroll · expressive · motion · medium cost
- Tags
- section, special
- 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 →- Fey.com Macbook Scrollaceternity/macbook-scrollFey-style laptop reveal. Heavy; one per page max.
- Sticky Banneraceternity/sticky-bannerA banner component that sticks to top, hides when user scrolls down
- Parallax Hero Imagesaceternity/parallax-hero-imagesMouse-driven parallax effect, perfect for hero sections. Images blur fade in and move at different depths.