Fey.com Macbook Scroll
Scroll through the page and see the image come out of the screen, as seen on Fey.com website.
Installation
Run the following command
npx shadcn@latest add @aceternity/macbook-scrollProps
| Prop | Type | Description | Default Value |
|---|---|---|---|
src | string | Source URL for the MacBook screen image. | undefined |
showGradient | boolean | Flag to show/hide the gradient overlay. | undefined |
title | string | ReactNode | Title text or React node displayed above the MacBook. | undefined |
badge | ReactNode | Sticker displayed at the bottom left of the Macbook | undefined |
The design is inspired from Fey's landing page hero section.
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
70+ templates and component blocks combined
Ready to copy paste component blocks, save days of development time
