Tooltip - Top
Simple tooltip that appears on top on hover
tooltiphoverinfo
Hover me
Tooltip text
59 snippets found
Toggle Switch - Basic
Simple iOS-style toggle switch
toggleswitchinputform
Textarea - Basic
Styled textarea with resize
textareaforminput
Tabs Navigation
Modern tabbed content navigation with smooth animations
tabsnavigationinteractive
Overview
Welcome to the overview section with all the key information you need.
Features
Discover all the amazing features available in this section.
Settings
Customize your preferences and configuration options here.
Skeleton Loader
Animated placeholder for content loading
loadingskeletonanimation
Sidebar - Retractable
Collapsible sidebar navigation
sidebarnavigationmenuretractable
Select - Custom Dropdown
Styled select dropdown
selectdropdownform
Range Slider - Custom
Styled range input slider
rangesliderinput
Radio - Custom
Styled radio buttons
radioforminput
Progress Bar
Animated progress bar
progressbarloading
Navbar - Fixed
Fixed navigation bar at top
navbarnavigationfixedheader
Loading - Dots
Three bouncing dots loader
loadinganimationdots
Input - With Label
Complete form field with label
inputformlabel
We'll never share your email
Input - Validation States
Input with success and error states
inputvalidationform
Invalid email
Looks good!
Input - Underlined
Minimalist underlined input
inputformunderline
Input - Search
Search input with clear button
inputsearchform
Input - Outlined
Clean outlined input field
inputformoutlined
Input - Icon Left
Input with icon on the left side
inputformicon
Input - Floating Label
Modern input with floating label animation
inputformlabelanimation
Input - Filled
Modern filled input style
inputformfilled
Hamburger Menu
Mobile hamburger menu with animation
menuhamburgermobilenavigation
Grid Layout - Masonry Style
Advanced CSS Grid masonry layout
gridlayoutresponsive
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Animated Gradient Text
Text with an animated gradient effect
textgradientanimation
Animated Gradient
Glassmorphism Card
Modern glass effect card with backdrop blur
glassmorphismcardmodern
Glassmorphism
Modern glass effect
File Upload - Custom
Styled file upload button
fileuploadinput
Dropdown Menu
Dropdown navigation menu
dropdownmenunavigation
Custom Scrollbar
Styled scrollbar with custom colors
scrollbarcustomstyle
Scroll down to see the custom scrollbar!
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed do eiusmod tempor incididunt ut labore.
Et dolore magna aliqua.
Ut enim ad minim veniam.
Checkbox - Custom
Styled checkbox with checkmark
checkboxforminput
Card Hover - Scale Effect
Card that scales up smoothly on hover
cardhoverscale
Scale Card
Hover to scale up
Card Hover - Lift Effect
Card that lifts up smoothly on hover with shadow
cardhovershadow
Card Title
Hover to see the lift effect
Card Hover - Gradient Background
Card with gradient background reveal on hover
cardhovergradient
Gradient Card
Hover to reveal gradient
Card Hover - Glow Effect
Card with a glowing border on hover
cardhoverglow
Glowing Card
Hover to see the glow
Card Hover - Border Animation
Card with animated border on hover
cardhoverborder
Border Card
Hover to see border
Button - Slide Effect
Button with sliding background on hover
buttonslideanimation
Button - Shine Effect
Button with shine animation on hover
buttonshineanimation
Button - Ripple Effect
Button with expanding ripple on hover
buttonrippleanimation
Button - Pulse Animation
Button with pulsing animation effect
buttonanimationpulse
Button - Pill Shape
Rounded pill-shaped button
buttonpillrounded
Button - Outline
Outline button with fill on hover
buttonoutlinehover
Button - Neon Glow
Button with neon glow effect
buttonneonglow
Button - Loading State
Button with loading spinner
buttonloadingspinner
Button - Icon Left
Button with icon on the left
buttonicontext
Button - Icon Only
Circular icon button
buttoniconcircular
Button Group
Group of connected buttons
buttongroupsegmented
Button - Gradient
Button with gradient background
buttongradientinteractive
Button - Glassmorphism
Glass effect button with backdrop blur
buttonglassmodern
Button - Ghost
Minimal ghost button style
buttonghostminimal
Button - 3D Skewed
3D button with skew transformation
button3dskewtransform
Button - 3D Raised
Raised 3D button with beveled edges
button3draisedbevel
Button - 3D Layered
3D button with multiple shadow layers
button3dshadowlayered
Button - 3D Isometric
Isometric 3D button perspective
button3disometric
Button - 3D Embossed
Embossed 3D button effect
button3dembossed
Button - 3D Effect
Button with 3D press effect
button3dshadow
Breadcrumbs
Simple breadcrumb navigation
breadcrumbsnavigation
Bottom Navigation
Mobile bottom navigation bar
navigationbottommobilenavbar
Badge - Primary
Simple colored badge
badgetaglabel
New
Animated Gradient Background
Smoothly animated gradient background
backgroundgradientanimation
Animated Background
Beautiful gradient animation
Accordion / FAQ
Collapsible accordion component
accordioncollapsefaq
Answer to question 1
Answer to question 2
3D Card Flip
Card that flips in 3D on hover
3dcardanimationflip
Front
Hover me!
Back
Amazing!