<h1>Buttony UI</h1>
<img src="https://media.daily.dev/image/upload/s--wI5MBIGI--/f_auto/v1763505948/ugc/content_11cd867d-1b7b-4e91-8f12-af46f2fb4acc?_a=BAMAK+ZW0" alt="492shots_so">
🔗 Visit the main page: <a href="https://buttonyui.com/" target="_blank" rel="noopener nofollow">buttonyui</a>
Buttony UI is a page created —and redesigned multiple times— with the purpose of showcasing the designs I’ve built, as well as the ones I will continue developing in the future. 
It also features works from other talented creators.
I want to make it very clear that I do not claim ownership or authorship of any designs that are not mine — all rights belong to their respective creators. 
This page also includes links to their official profiles or websites.
Special mention goes to ibelick and guhrodrrigues, two creators I deeply admire for what they have accomplished. This project is, in many ways, a small tribute to their outstanding work.
→ I hope you enjoy this new version of Buttony as much as I enjoyed creating it.
<hr>
<h2>Button Collections</h2>
<h3>Buttony Original Designs</h3>
<ol>
<li>Glass — translucent glassmorphism with backdrop blur and subtle depth</li>
<li>Minimalist — clean, elegant design focused on clarity</li>
<li>Simple — balanced style with soft transparency and smooth transitions</li>
</ol>
<hr>
<h3>ibelick Collection</h3>
🔗 Visit the collection: <a href="https://buttons.ibelick.com/" target="_blank" rel="noopener nofollow">https://buttons.ibelick.com/</a>
<ol>
<li>Scale In/Out — responsive scaling for tactile interaction</li>
<li>Slide Left/Up — dual-layer text animations with fluid motion</li>
<li>3D Button — raised, physical button-press effect</li>
<li>Stretch Variations — dynamic stretch and compress motion</li>
<li>Hover Transform — futuristic skewed light-sweep animations</li>
<li>Hover Ring — minimal ring and glow focus-state effects</li>
<li>Expand/Collapse — circular overlay animations from multiple directions</li>
</ol>
<hr>
<h3>Luxe Collection</h3>
🔗 Visit Luxe UI: <a href="https://www.luxeui.com/ui/button" target="_blank" rel="noopener nofollow">https://www.luxeui.com/ui/button</a>
Premium buttons with sophisticated visual effects:
<ul>
<li>Shine — continuous light-sweep animation</li>
<li>Animated Border — looping subtle border animation</li>
<li>Rotate Border — spinning conic-gradient border</li>
<li>Glitch Brightness — layered text with passing brightness glitch</li>
<li>Magnetic — interactive cursor-following parallax effect</li>
<li>Outline — clean outlined variant for secondary actions</li>
</ul>

A community for all things frontend! Share tips, tutorials, and resources on HTML, CSS, JavaScript, frameworks (React, Vue, Next js, Angular, and more), performance, UI/UX, and more. Let’s code, learn, and grow together! 🚀👩‍💻👨‍💻


All Frontend

Buttony UI is a curated collection of modern button designs featuring original creations alongside works from notable UI designers like ibelick and guhrodrrigues. The collection includes various button styles ranging from glassmorphism and minimalist designs to advanced effects like 3D transforms, magnetic cursor interactions, and animated borders. Each collection is properly attributed to its creator with links to their official profiles.

Buttony UI — Modern Button Collection