Chunky 3D lego-style button with animated press states. Customize colors, label, studs & spacing for playful CTAs and gamified UIs.
Make it with Workshop
Build your own component with AI
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. 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.
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.
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, and optionally add a link so the brick acts as your primary or secondary CTA while matching your brand.
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
Questions or feedback? I’m happy to assist: matthias@lmvision.de