<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>

Jhojan

Buttony UI is a curated collection of modern button designs featuring original creations and works from talented designers like ibelick and guhrodrrigues. The collection includes various styles ranging from glassmorphism and minimalist designs to advanced effects like 3D transforms, magnetic interactions, and animated borders. Each button style offers unique visual effects including scaling, sliding, stretching, glitch effects, and cursor-following parallax, providing developers with ready-to-use UI components for web projects.

Buttony UI — Modern Button Collection

what can possibly be modern about buttons?
I’ve seen such buttons designs 20 years ago on flash-based websites
Also their “performance” claim is absurd. It’s just a button.

I liked the title font on buttonyui site, documentation looks clean. 🔥🔥

<img src="https://media.daily.dev/image/upload/s--1ib7rC6z--/f_auto/v1763941148/ugc/content_eb1bc10d-55ee-4961-b180-870760402cdd?_a=BAMAK+ZW0" alt="Screenshot_2025-11-24-07-38-56-141_com.android.chrome">
The header is broken on mobile screens

Some of the buttons look really nice!
But you should pay attention to a couple of things:
<ol>
<li>The accessibility isn’t great (on some buttons is quite bad)</li>
<li>Some of the markup used isn’t correct (for instance &lt;div&gt; elements inside the buttons</li>
</ol>