Multi State Button

Show Preview
Multi State Button
Multi State Button

About Multi State Button

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

  1. Font size

  2. Colors

  3. Link

  4. Gap

This allows you to adapt the button perfectly to your typography scale, spacing system, and brand identity.

Ideal for

  1. Navigation triggers

  2. Overlay toggles

  3. Section reveals

  4. Minimal portfolios

  5. Studio and agency websites

From Till Janek

Hover Zone Gallery
Morphing Copy Button
Hold to Trigger Link
Expand Image Button

Related Components

Particle Button
underline button
Web Haptics
Dark Mode Toggle