Trending — most liked
All Components
3D Flip Card
A card that flips 180° on hover revealing the back side. Pure CSS 3D transform with smooth perspective effect.
html/css
card
free
Typing Text Animation
A typewriter effect that cycles through multiple phrases with a blinking cursor. Pure CSS and minimal JS.
html/css
hero
free
Radial Progress Rings
Animated SVG circular progress indicators with percentage labels. Smooth fill animation on load.
html/css
card
free
Notification Bell Dropdown
A notification bell icon with animated badge counter and dropdown panel showing recent notifications.
html/css
nav
free
Bento Grid Layout
A modern bento-box style grid layout with varying card sizes. Trending design pattern used by Apple and Linear.
html/css
hero
free
Color Palette Generator
An interactive color palette card showing shades from 100-900 of a color. Click any swatch to copy its hex code.
html/css
card
free
Draggable Range Slider
A stylish custom range slider with gradient track, animated thumb and live value display.
html/css
form
free
Feature Comparison Table
A clean feature comparison table between Free and Pro tiers with checkmarks, crosses and highlighted column.
html/css
card
free
Sticky Scroll Progress Bar
A thin progress bar at the top of the page that fills as you scroll down. Common in blog and article pages.
html/css
nav
free
Glassmorphism Login Form
A stunning login form with glassmorphism effect on a gradient mesh background. Includes social login buttons.
html/css
form
free
Scrolling Marquee Banner
An infinite auto-scrolling marquee banner for showcasing logos, tags or testimonials. Smooth and seamless CSS animation.
html/css
hero
free
Avatar Group Stack
Stacked overlapping avatar group with +N overflow indicator and tooltip names on hover. Common in collaboration UIs.
html/css
card
free
Command Palette Modal
A spotlight-style command palette modal (like CMD+K). Type to filter commands. Keyboard shortcut to open.
html/css
modal
free
Star Rating Component
An interactive star rating widget with hover preview, half-star support and animated selection feedback.
html/css
form
free
Dark Glassmorphism Dashboard Card
A rich stats dashboard card with mini sparkline chart, trend indicator and glassmorphism on dark background.
html/css
card
free
Morse Code Badge Loader
A unique loading state animation using blinking dot patterns. Creative alternative to standard spinners.
html/css
button
free