Fey.com Macbook Scroll

Scroll through the page and see the image come out of the screen, as seen on Fey.com website.

This Macbook is built with Tailwindcss.
No kidding.

esc

F10

F11

F12

—_

+ =

delete

tab

{[

}]

caps lock

return

shift

control

option

command

option

npx shadcn@latest add @aceternity/macbook-scroll

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.

Next.js 15, Tailwind CSS v4 and Motion for react powered templates

100+ templates and blocks combined

Ready to copy paste component blocks, save days of development time