design-infraReport a problem or share feedback← Catalog
Parallax Grid Scroll
freeaceternity/parallax-scroll
A grid where two columns scroll in oposite directions, giving a parallax effect.
$
npx shadcn@latest add @aceternity/parallax-scrollnpm deps: motion
- Source
- Aceternity UI
- Kind
- component
- Categories
- scroll-effect, card
- Use as
- drop-in — replaces your component
- Applies to
- scroll-effectcard
- Motion
- on scroll · medium · motion · medium cost
- Tags
- section, grid
- 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 →- Scrollable Card Stacksmoothui/scrollable-card-stackA ScrollableCardStack component for SmoothUI.
- Beam cardoc/beam-card♥ The user explicitly asked to keep Beam Card in the homepage examples while replacing the underwhelming loader. Retain its subtle beam emphasis.
- Fey.com Macbook Scrollaceternity/macbook-scrollFey-style laptop reveal. Heavy; one per page max.