Multi State Button
A refined multi state button with subtle microinteractions and four carefully crafted variants. Built for clean interfaces that value precision, motion, and flexibility without unnecessary complexity.
About this Component
MultiState Button is designed for modern websites that care about interaction quality.
It includes four distinct variants
Two hover states
Two open states
Each transition is smooth and intentional. The motion feels subtle but confident, adding depth without distracting from the layout.
Variable support for
Font size
Colors
Link
Gap
This allows you to adapt the button perfectly to your typography scale, spacing system, and brand identity.
Ideal for
Navigation triggers
Overlay toggles
Section reveals
Minimal portfolios
Studio and agency websites
