novix
ui
v2.4
All
1380
UI Kits
115
Buttons
100
Checkboxes
70
Toggles
170
Cards
100
Loaders
150
Inputs
149
Radio buttons
152
Forms
120
Patterns
125
Tooltips
129
Tooltips
Open-source UI elements crafted with React, CSS, and Tailwind.
Sort:
Featured
Name A–Z
Name Z–A
Newest
Hover
Save changes
Classic Top
Customize
</> Code
Hover
Premium tooltip
Gradient Halo
Customize
</> Code
Hover
✨ Glass tooltip
Glass Blur
Customize
</> Code
Hover
Slides in from right
Slide Right
Customize
</> Code
Profile
AL
Aditya Loveable
Online now
Rich Popover
Customize
</> Code
Hover
SYSTEM READY
Neon Border
Customize
</> Code
Save
Save
⌘S
Shortcut
Customize
</> Code
Hover
Yay! 🎉
Bounce
Customize
</> Code
i
This is a longer helpful tip explaining the feature in context.
Info Icon
Customize
</> Code
Hover
Left side
Arrow Left
Customize
</> Code
Server
All systems operational
Status Dot
Customize
</> Code
⌘K
Open command menu
Command Palette
Customize
</> Code
glossary term
A dashed underline signals a term that expands into more context when hovered.
Underline Term
Customize
</> Code
Like
❤️ 🎉 🔥 👏 🚀
Emoji Reactions
Customize
</> Code
Hover
Feature Preview
Structured tooltip with distinct header and body sections.
Card Header
Customize
</> Code
Hover
Focus in
Blur to Sharp
Customize
</> Code
Hover
Bottom aligned
Bottom Arrow
Customize
</> Code
Delete
⚠
This action cannot be undone.
Warning Callout
Customize
</> Code
Upload
Uploading
68%
Progress Tip
Customize
</> Code
Menu
Edit
Duplicate
Archive
Split Rows
Customize
</> Code
Hover
Yay ✨
Bubble
Customize
</> Code
Hover
$ nova build_
Typewriter
Customize
</> Code
Hover
Ambient background
Subtle color pooling behind content.
Long Ambient
Customize
</> Code
Hover
Follows cursor
Follow Cursor
Customize
</> Code
Load more elements
(24 of 129)