novix
ui
Back to home
v2.4
Radio buttons
Open-source UI elements crafted with React, CSS, and Tailwind.
Sort:
Featured
Name A–Z
Name Z–A
Newest
Free
Pro
Team
Classic Orbit
</> Get code
Free
Pro
Team
Gradient Pill
</> Get code
Free
Pro
Team
Card Radio
</> Get code
Free
Pro
Team
Neon Ring
</> Get code
Free
Pro
Team
Underline Tabs
</> Get code
Free
Pro
Team
Segmented
</> Get code
Icon Squares
</> Get code
Free
Pro
Team
3D Punch
</> Get code
Free
Pro
Team
Rocker Switch
</> Get code
Free
Pro
Team
Glass Chip
</> Get code
★
★
★
★
★
Star Rating
</> Get code
1
2
3
4
Progress Steps
</> Get code
Free
Pro
Team
Dot Ladder
</> Get code
Free
Pro
Team
Icon Row
</> Get code
Free
Pro
Team
Pill Stack
</> Get code
Glow Halo
</> Get code
S
M
L
XL
Toggle Grid
</> Get code
Free
Pro
Team
Slider Radio
</> Get code
😍
🚀
🔥
Emoji Circles
</> Get code
Free
Pro
Team
Neon Diamond
</> Get code
Free
Pro
Team
Vertical Bar
</> Get code
Free
Pro
Team
Squircle Grid
</> Get code
Free
✓
Pro
Team
Check Chips
</> Get code
Free
1 project
Pro
10 projects
Team
Unlimited
Card w/ Desc
</> Get code
Free
Pro
Team
Toggle Bar 3D
</> Get code
Concentric Rings
</> Get code
Free
✓
Pro
Team
Row Tick
</> Get code
Free
Pro
Team
Bulb Row
</> Get code
Free
Pro
Team
Stacked Pick
</> Get code
Free
Pro
Team
Split Ring
</> Get code
Free
Pro
Team
Dot 1
</> Get code
Free
Pro
Team
Dot 2
</> Get code
Free
Pro
Team
Dot 3
</> Get code
Free
Pro
Team
Dot 4
</> Get code
Free
Pro
Team
Dot 5
</> Get code
Free
Pro
Team
Dot 6
</> Get code
Free
Pro
Team
Dot 7
</> Get code
Free
Pro
Team
Dot 8
</> Get code
Free
Pro
Team
Dot 9
</> Get code
Free
Pro
Team
Dot 10
</> Get code
Free
Pro
Team
Pill 1
</> Get code
Free
Pro
Team
Pill 2
</> Get code
Free
Pro
Team
Pill 3
</> Get code
Free
Pro
Team
Pill 4
</> Get code
Free
Pro
Team
Pill 5
</> Get code
Free
Pro
Team
Pill 6
</> Get code
Free
Pro
Team
Pill 7
</> Get code
Free
Pro
Team
Pill 8
</> Get code
Free
Pro
Team
Pill 9
</> Get code
Free
Pro
Team
Pill 10
</> Get code
Free
Pro
Team
Card 1
</> Get code
Free
Pro
Team
Card 2
</> Get code
Free
Pro
Team
Card 3
</> Get code
Free
Pro
Team
Card 4
</> Get code
Free
Pro
Team
Card 5
</> Get code
Free
Pro
Team
Card 6
</> Get code
Free
Pro
Team
Card 7
</> Get code
Free
Pro
Team
Card 8
</> Get code
Free
Pro
Team
Card 9
</> Get code
Free
Pro
Team
Card 10
</> Get code
S
M
L
XL
Neon Ring 1
</> Get code
S
M
L
XL
Neon Ring 2
</> Get code
S
M
L
XL
Neon Ring 3
</> Get code
S
M
L
XL
Neon Ring 4
</> Get code
S
M
L
XL
Neon Ring 5
</> Get code
S
M
L
XL
Neon Ring 6
</> Get code
S
M
L
XL
Neon Ring 7
</> Get code
S
M
L
XL
Neon Ring 8
</> Get code
◆
★
●
▲
Icon Squares 1
</> Get code
◆
★
●
▲
Icon Squares 2
</> Get code
◆
★
●
▲
Icon Squares 3
</> Get code
◆
★
●
▲
Icon Squares 4
</> Get code
◆
★
●
▲
Icon Squares 5
</> Get code
◆
★
●
▲
Icon Squares 6
</> Get code
◆
★
●
▲
Icon Squares 7
</> Get code
◆
★
●
▲
Icon Squares 8
</> Get code
Free
Pro
Team
Underline 1
</> Get code
Free
Pro
Team
Underline 2
</> Get code
Free
Pro
Team
Underline 3
</> Get code
Free
Pro
Team
Underline 4
</> Get code
Free
Pro
Team
Underline 5
</> Get code
Free
Pro
Team
Underline 6
</> Get code
Free
Pro
Team
Underline 7
</> Get code
Free
Pro
Team
Underline 8
</> Get code
Free
Pro
Team
Glass Chip 1
</> Get code
Free
Pro
Team
Glass Chip 2
</> Get code
Free
Pro
Team
Glass Chip 3
</> Get code
Free
Pro
Team
Glass Chip 4
</> Get code
Free
Pro
Team
Glass Chip 5
</> Get code
Free
Pro
Team
Glass Chip 6
</> Get code
Free
Pro
Team
Glass Chip 7
</> Get code
Free
Pro
Team
Glass Chip 8
</> Get code
Free
Pro
Team
3D Punch 1
</> Get code
Free
Pro
Team
3D Punch 2
</> Get code
Free
Pro
Team
3D Punch 3
</> Get code
Free
Pro
Team
3D Punch 4
</> Get code
Free
Pro
Team
3D Punch 5
</> Get code
Free
Pro
Team
3D Punch 6
</> Get code
Free
Pro
Team
3D Punch 7
</> Get code
Free
Pro
Team
3D Punch 8
</> Get code
★
★
★
★
★
Stars 1
</> Get code
★
★
★
★
★
Stars 2
</> Get code
★
★
★
★
★
Stars 3
</> Get code
★
★
★
★
★
Stars 4
</> Get code
★
★
★
★
★
Stars 5
</> Get code
★
★
★
★
★
Stars 6
</> Get code
1
2
3
4
Steps 1
</> Get code
1
2
3
4
Steps 2
</> Get code
1
2
3
4
Steps 3
</> Get code
1
2
3
4
Steps 4
</> Get code
1
2
3
4
Steps 5
</> Get code
1
2
3
4
Steps 6
</> Get code
S
M
L
XL
Squircle 1
</> Get code
S
M
L
XL
Squircle 2
</> Get code
S
M
L
XL
Squircle 3
</> Get code
S
M
L
XL
Squircle 4
</> Get code
S
M
L
XL
Squircle 5
</> Get code
S
M
L
XL
Squircle 6
</> Get code
Free
Pro
Team
Halo 1
</> Get code
Free
Pro
Team
Halo 2
</> Get code
Free
Pro
Team
Halo 3
</> Get code
Free
Pro
Team
Halo 4
</> Get code
Free
Pro
Team
Halo 5
</> Get code
Free
Pro
Team
Halo 6
</> Get code
Free
Pro
Team
Vertical 1
</> Get code
Free
Pro
Team
Vertical 2
</> Get code
Free
Pro
Team
Vertical 3
</> Get code
Free
Pro
Team
Vertical 4
</> Get code
Free
Pro
Team
Vertical 5
</> Get code
Free
Pro
Team
Vertical 6
</> Get code
😞
😐
🙂
😍
🤩
Emoji 1
</> Get code
😞
😐
🙂
😍
🤩
Emoji 2
</> Get code
😞
😐
🙂
😍
🤩
Emoji 3
</> Get code
😞
😐
🙂
😍
🤩
Emoji 4
</> Get code
😞
😐
🙂
😍
🤩
Emoji 5
</> Get code
😞
😐
🙂
😍
🤩
Emoji 6
</> Get code
Auto
Dark
Light
Sync
Grid 1
</> Get code
Auto
Dark
Light
Sync
Grid 2
</> Get code
Auto
Dark
Light
Sync
Grid 3
</> Get code
Auto
Dark
Light
Sync
Grid 4
</> Get code
Free
Pro
Team
Slider 1
</> Get code
Free
Pro
Team
Slider 2
</> Get code
Free
Pro
Team
Slider 3
</> Get code
Free
Pro
Team
Slider 4
</> Get code
Free
Pro
Team
Concentric 1
</> Get code
Free
Pro
Team
Concentric 2
</> Get code
Free
Pro
Team
Concentric 3
</> Get code
Free
Pro
Team
Concentric 4
</> Get code
Free
✓
Pro
✓
Team
✓
Row Tick 1
</> Get code
Free
✓
Pro
✓
Team
✓
Row Tick 2
</> Get code
Free
✓
Pro
✓
Team
✓
Row Tick 3
</> Get code
Free
✓
Pro
✓
Team
✓
Row Tick 4
</> Get code