Coffee Shop Counter

A whole coffee shop in one Framer component, for café, roastery and coffee-brand sites.

Glass doors. Visitors slide the doors apart (or tap them); the shop bell jingles and the barista waves hello.

A spinning table of bean jars. Drag the table round, use the arrows or the keyboard; each jar's beans are tinted by roast.

A card for every coffee. Tap a jar and its lid pops off: origin, roast, body and brightness, tasting notes, process, altitude, price, a photo and an order link. Up to 12 coffees.

Chalk menu. "Today's beans" with prices on the back wall; hover a line and the barista describes that coffee.

Contact page and menu. A built-in contact card (email, phone, address, hours, socials) with a form that opens the visitor's own mail app, and a plain menu of every coffee.

Sounds. Door rollers, the shop bell, lid pops and table clicks, generated in the browser: no audio files, starts after the first tap, can be turned off.

Make it yours. Shop name, sign lines, door sign, greeting, colours and the barista's skin tone are all in the property panel.

Desktop and phone. The scene re-lays itself out for phones.

No code needed: one code component you paste into any Framer project, plus a demo project you can remix.