LogoLogo

Acebuilder

beta

Emoji keyboard overlay

Demo
All demosStart building

Import @aceternity/macbook-scroll and change the keys on the keyboard to emojis

Read filesrc/components/ui/macbook-scroll.tsx
Read filesrc/App.tsx
Read filesrc/components/ui/macbook-scroll.tsx
Read filetsconfig.json
Read filesrc/components/ui/macbook-scroll.tsx
  • Imported @aceternity/macbook-scroll and wired it into the home page
  • Replaced the keyboard key labels with emojis across the MacBook overlay

Replace with this image

Read filesrc/components/ui/macbook-scroll.tsx
Read filesrc/components/ui/macbook-scroll.tsx
Read filesrc/App.tsx
  • Updated the Lid image src to /images/generated-f48c779a.webp (mountains and river scenery)
  • Removed the now-unused src prop from Lid and MacbookScroll to keep the build clean
  • Verified: tsc clean, preview responds without error overlay
How can Acebuilder help you today?