Valorant Style Buttons

Examples

Button Text

Hover Effect Variant

Classic slice effect with squiggle animation

Button Color (Hue: 0°)

Text Color

<ValorantButton
    text="PLAYGROUND"
    buttonColor={0}
    textColor="#fff"
    variant="default"
    onClick={() => console.log("clicked")}
/>

Classic slice effect with squiggle animation

Smooth, morphing liquid layers

Glowing, flickering neon sign effect

High-speed light streaks