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
★ pro
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
★ pro
Scrolling Marquee Banner
An infinite auto-scrolling marquee banner for showcasing logos, tags or testimonials. Smooth and seamless CSS animation.
html/css
hero
★ pro
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
Neon Pulse Button
A dark-themed button with animated neon pulse ring effect on hover. Glowing border animation.
html/css
button
free
Glassmorphism Profile Card
A frosted glass profile card with avatar, stats and social links on a gradient background.
html/css
card
free
Animated Gradient Hero Section
Full-width hero with moving gradient background, animated headline and dual CTA buttons.
html/css
hero
free
CSS Glassmorphism Login
Stunning login form with frosted glass effect on animated gradient mesh background with social auth buttons.
html/css
form
free
Dark Sidebar Dashboard
A full dark sidebar navigation with icon labels, active state, section dividers and user profile footer.
html/css
nav
free
Bento Grid Layout
A modern bento-box style asymmetric grid layout with stats, features and gradient cards.
html/css
hero
★ pro
Floating Label Form
Elegant floating label inputs with smooth animations on focus. Clean white card on grey background.
html/css
form
free
CSS Skeleton Loader Cards
Pure CSS animated shimmer skeleton loading placeholders for card grids. Multiple card layouts.
html/css
card
free
Vue Accordion FAQ
A Vue 3 accordion FAQ with smooth animated height transitions. One item open at a time.
vue
form
free
Gradient Border Cards
Cards with animated rotating gradient borders using CSS @property and conic-gradient.
html/css
card
★ pro
Neumorphic Settings Card
Soft neumorphic design settings panel with toggle switches and range sliders.
html/css
form
free
Product Card with Quick Add
E-commerce product card with image zoom on hover, wishlist heart toggle and animated add-to-cart button.
html/css
card
free
CSS Timeline
A vertical timeline component for changelogs, history and progress. Animated gradient line with icons.
html/css
card
free
Animated Stats Section
Dark stats section with animated counting numbers, gradient text and glowing borders on hover.
html/css
hero
free
CSS Loading Spinners Pack
Six different CSS-only animated loading spinners from simple rings to orbital dots.
html/css
button
free
3D Flip Cards
Cards with 3D perspective flip animation on hover. Front shows icon and title, back shows description and CTA.
html/css
card
★ pro
CSS Hamburger Menu
Fullscreen overlay navigation with animated hamburger icon morphing into X. Smooth dark overlay.
html/css
nav
free
Dark Code Block
A styled syntax-highlighted code block with line numbers, copy button, and language badge.
html/css
card
free
React Avatar Group
A React stacked avatar group component with tooltip names on hover and +N overflow indicator.
react
card
free
Fullscreen Video Hero
An animated gradient fullscreen hero mimicking a video background with eyebrow badge, headline and CTA.
html/css
hero
★ pro
CSS Feature Cards Grid
A responsive feature grid with icon cards, hover lift effect and subtle gradient backgrounds.
html/css
card
free
CSS Animated Hamburger Nav
Responsive navbar with CSS-animated hamburger icon that morphs into an X on mobile.
html/css
nav
free
CSS Feature Comparison Table
A dark feature comparison table with Free vs Pro tiers, checkmarks, crosses and highlighted column.
html/css
card
free
CSS Glassmorphism Dashboard
A full dark glassmorphism admin dashboard layout with sidebar, stats cards and chart placeholder.
html/css
card
★ pro