component
Transparent button
By Zeenat
Details
- ZeenatAuthor
- componentType
- 2026-03-12Published
- 2026-03-11Updated
- 2026-03-05Added
- ButtonsCategories
Summary
Transparent Button — Clean.
Description
Transparent Button — Clean. Adaptive. Fully Customizable. A minimal transparent button designed to blend seamlessly into any background, whether it's an image, solid color, or gradient. Built for designers who want a button that feels native to their design without overpowering it. States: Default — clean transparent style with border Hover — smooth fill transition to solid black Loading — spinner animation for async actions Disabled — reduced opacity for inactive state Success — confirmation state for completed actions What you can customize: Content Text — change button label directly Icon — toggle arrow icon on or off Link — add any URL directly New Tab — open link in new tab toggle Colors Hover Fill — customize hover background color Border — solid border with color control Text Color — default state text color Text Hover — hover state text color Disabled — disabled state background color Can you design Transparent Button in more better way! then let me know at heythere.oi93@gmail.com , We prioritize user-requested features'
Introduction
Adapts to any background, fully flexible
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3822