Lego Button

About

Brick Button adds a playful, toy-brick style CTA to your Framer projects. Drop it into any layout, set the label, and you get a chunky 3D button with hover and press states that feel like pressing a real brick, now with a satisfying click sound on press. It works in heroes, pricing sections, signup areas and anywhere you want a more fun, characterful button. Licensed for unlimited personal and commercial projects by the purchaser.

What it does

Renders a 3D-style rectangular button with a row of studs on top and a bold label on the front. The brick gently lifts on hover and “presses down” with adjusted shadows when clicked, creating a tactile, physical feel. Under the hood it’s a single component that you can wire to any Framer link or action.

What you can customize

Directly from the Framer property panel you can adjust the label text and font, brick color, stud color, 3D shadow color, and text color. You can also set the number of studs, optionally add a link so the brick acts as your primary or secondary CTA while matching your brand, and toggle the click sound on or off if you prefer a silent interaction.

Great for (examples)

Just a few ideas, you can use it anywhere a more playful CTA makes sense:

• fun “Sign Up” or “Play Demo” buttons

• gamified dashboards, rewards or progress actions

• kids’ products, toys, games and entertainment sites

• portfolio sections that need a bit of character

• playful 404s, easter eggs and hidden actions

Share your build

If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.

Need help?

Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.