design-infraReport a problem or share feedback← Catalog
Parallax Hero Images
freeaceternity/parallax-hero-images
Mouse-driven parallax effect, perfect for hero sections. Images blur fade in and move at different depths.
$
npx shadcn@latest add @aceternity/parallax-hero-imagesnpm deps: motion
- Source
- Aceternity UI
- Kind
- component
- Categories
- hero, image, scroll-effect
- Use as
- drop-in — replaces your component
- Applies to
- heroimagescroll-effect
- Motion
- on cursor, enter · subtle · motion · medium cost
- Tags
- section
- 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 →- Hero Video Dialogmagicui/hero-video-dialogA hero video dialog component.
- Scroll Image Revealsmoothui/scroll-image-revealAn image revealed by an animated mask as it scrolls into view, with a counter-parallax on the image.
- Fey.com Macbook Scrollaceternity/macbook-scrollFey-style laptop reveal. Heavy; one per page max.