GlitchButtonGalaxy

About

Retro Glitch Button brings an immersive, high energy cyberpunk aesthetic straight to your Framer projects. Drop it into a hero section, a landing page, or a call to action area to instantly grab user attention with a sharp, digital glitch animation. This component is fully interactive and built to react smoothly when hovered or clicked, making it perfect for breaking up standard, flat layouts.

What it does

It renders a dynamic button featuring stylized corner brackets and a retro glow effect that shifts on hover. The component fully handles click actions like opening custom links in a new or current tab. It also provides granular control over structural padding, custom font sizing, and letter spacing, maintaining a responsive design that aligns cleanly with your site layout.

What you can customize

• Button configuration: Set custom label text, choose click actions, insert link URLs, and toggle whether links open in a new tab.

• Layout and padding: Show or hide the background, adjust horizontal and vertical background padding independently, and fine tune the main button padding.

• Theme and styling: Switch between dark and light themes, and completely customize colors for the background, text, glow effect, and corner brackets.

• Typography: Adjust the font size and letter spacing sliders to match your exact brand typography.

Great for

• Cyberpunk and gaming layouts

• Web3 and tech landing pages

• Eye catching hero section calls to action

• Creative portfolios and agency sites

• Bold standalone launch pages

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb ,

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb