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.
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.
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.
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
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
