novix
ui
Back to home
v2.4
Buttons
Open-source UI elements crafted with React, CSS, and Tailwind.
Sort:
Featured
Name A–Z
Name Z–A
Newest
Modern Button
From the mosaic
#m1
Get code
Explore
From the mosaic
#m2
Get code
Button
▶
From the mosaic
#m3
Get code
Message
From the mosaic
#m7
Get code
From the mosaic
#m10
Get code
◈
Explore
From the mosaic
#m11
Get code
Button
From the mosaic
#m12
Get code
↓
Download
From the mosaic
#m13
Get code
⚡
button
From the mosaic
#m15
Get code
From the mosaic
#m19
Get code
Apply Now
From the mosaic
#m20
Get code
Star
From the mosaic
#m21
Get code
Get started
Solid Lift · Nebula
</> Get code
Deploy
Solid Lift · Lagoon
</> Get code
Continue
Solid Lift · Sunset
</> Get code
Launch app
Solid Lift · Cosmic
</> Get code
Neon
Neon Glow · Nebula
</> Get code
Neon
Neon Glow · Lagoon
</> Get code
Neon
Neon Glow · Sunset
</> Get code
Neon
Neon Glow · Cosmic
</> Get code
Glass
Glass · Nebula
</> Get code
Glass
Glass · Lagoon
</> Get code
Glass
Glass · Sunset
</> Get code
Glass
Glass · Cosmic
</> Get code
Sheen
Sheen · Nebula
</> Get code
Sheen
Sheen · Lagoon
</> Get code
Sheen
Sheen · Sunset
</> Get code
Sheen
Sheen · Cosmic
</> Get code
Outline
Gradient Border · Nebula
</> Get code
Outline
Gradient Border · Lagoon
</> Get code
Outline
Gradient Border · Sunset
</> Get code
Outline
Gradient Border · Cosmic
</> Get code
Press
Soft Press · Nebula
</> Get code
Press
Soft Press · Lagoon
</> Get code
Press
Soft Press · Sunset
</> Get code
Press
Soft Press · Cosmic
</> Get code
Holographic
Holographic · Nebula
</> Get code
Holographic
Holographic · Lagoon
</> Get code
Holographic
Holographic · Sunset
</> Get code
Holographic
Holographic · Cosmic
</> Get code
Enter
Slide Reveal · Nebula
</> Get code
Enter
Slide Reveal · Lagoon
</> Get code
Enter
Slide Reveal · Sunset
</> Get code
Enter
Slide Reveal · Cosmic
</> Get code
Play
Bevel Metal · Nebula
</> Get code
Play
Bevel Metal · Lagoon
</> Get code
Play
Bevel Metal · Sunset
</> Get code
Play
Bevel Metal · Cosmic
</> Get code
Continue
Halo Ring · Nebula
</> Get code
Continue
Halo Ring · Lagoon
</> Get code
Continue
Halo Ring · Sunset
</> Get code
Continue
Halo Ring · Cosmic
</> Get code
Rotate
3D Cube · Nebula
</> Get code
Rotate
3D Cube · Lagoon
</> Get code
Rotate
3D Cube · Sunset
</> Get code
Rotate
3D Cube · Cosmic
</> Get code
Iso
Isometric · Nebula
</> Get code
Iso
Isometric · Lagoon
</> Get code
Iso
Isometric · Sunset
</> Get code
Iso
Isometric · Cosmic
</> Get code
Layers
Layered Stack · Nebula
</> Get code
Layers
Layered Stack · Lagoon
</> Get code
Layers
Layered Stack · Sunset
</> Get code
Layers
Layered Stack · Cosmic
</> Get code
Aurora
Aurora · Nebula
</> Get code
Aurora
Aurora · Lagoon
</> Get code
Aurora
Aurora · Sunset
</> Get code
Aurora
Aurora · Cosmic
</> Get code
Fill up
Liquid Fill · Nebula
</> Get code
Fill up
Liquid Fill · Lagoon
</> Get code
Fill up
Liquid Fill · Sunset
</> Get code
Fill up
Liquid Fill · Cosmic
</> Get code
Magnetize
Magnet Dots · Nebula
</> Get code
Magnetize
Magnet Dots · Lagoon
</> Get code
Magnetize
Magnet Dots · Sunset
</> Get code
Magnetize
Magnet Dots · Cosmic
</> Get code
Broadcast
Radar Ping · Nebula
</> Get code
Broadcast
Radar Ping · Lagoon
</> Get code
Broadcast
Radar Ping · Sunset
</> Get code
Broadcast
Radar Ping · Cosmic
</> Get code
Download
Go →
Text Flip · Nebula
</> Get code
Download
Go →
Text Flip · Lagoon
</> Get code
Download
Go →
Text Flip · Sunset
</> Get code
Download
Go →
Text Flip · Cosmic
</> Get code
Preview
▶ Play
Card Flip · Nebula
</> Get code
Preview
▶ Play
Card Flip · Lagoon
</> Get code
Preview
▶ Play
Card Flip · Sunset
</> Get code
Preview
▶ Play
Card Flip · Cosmic
</> Get code
Deploy
Depth Panel · Nebula
</> Get code
Deploy
Depth Panel · Lagoon
</> Get code
Deploy
Depth Panel · Sunset
</> Get code
Deploy
Depth Panel · Cosmic
</> Get code
Execute
Corner Brackets · Nebula
</> Get code
Execute
Corner Brackets · Lagoon
</> Get code
Execute
Corner Brackets · Sunset
</> Get code
Execute
Corner Brackets · Cosmic
</> Get code
Tap
Ripple · Nebula
</> Get code
Tap
Ripple · Lagoon
</> Get code
Tap
Ripple · Sunset
</> Get code
Tap
Ripple · Cosmic
</> Get code
Streaming
Live Dots · Nebula
</> Get code
Streaming
Live Dots · Lagoon
</> Get code
Streaming
Live Dots · Sunset
</> Get code
Streaming
Live Dots · Cosmic
</> Get code
Ghost
Punch Ghost · Nebula
</> Get code
Ghost
Punch Ghost · Lagoon
</> Get code
Ghost
Punch Ghost · Sunset
</> Get code
Ghost
Punch Ghost · Cosmic
</> Get code
Search
⌘
K
Command Key · Nebula
</> Get code
Search
⌘
K
Command Key · Lagoon
</> Get code
Search
⌘
K
Command Key · Sunset
</> Get code
Search
⌘
K
Command Key · Cosmic
</> Get code