design-infraReport a problem or share feedback← Catalog
Fey.com Macbook Scroll
curatedfreeaceternity/macbook-scroll
Scroll through the page and see the image come out of the screen, as seen on Fey.com website.
$
npx shadcn@latest add @aceternity/macbook-scrollnpm deps: @tabler/icons-react, motion
Our notes
Fey-style laptop reveal. Heavy; one per page max.- Source
- Aceternity UI
- Kind
- component
- Categories
- scroll-effect, illustration, hero, footer
- Use as
- drop-in — replaces your component
- Applies to
- heroscroll-effectillustration
- Motion
- on scroll · expressive · motion · medium cost · ignores reduced motion
- 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 →- Hero Parallaxaceternity/hero-parallaxA scroll effect with rotation, translation and opacity animations.
- Sticky Banneraceternity/sticky-bannerA banner component that sticks to top, hides when user scrolls down
- Spotlightaceternity/spotlightA spotlight effect with Tailwind CSS, good for drawing attention to a particular element on the page.