Trending — most liked
All Components
Notification Bell Dropdown
A notification bell icon with animated badge counter and dropdown panel showing recent notifications.
html/css
nav
free
Feature Comparison Table
A clean feature comparison table between Free and Pro tiers with checkmarks, crosses and highlighted column.
html/css
card
free
Scrolling Marquee Banner
An infinite auto-scrolling marquee banner for showcasing logos, tags or testimonials. Smooth and seamless CSS animation.
html/css
hero
★ pro
Typing Text Animation
A typewriter effect that cycles through multiple phrases with a blinking cursor. Pure CSS and minimal JS.
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
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
Star Rating Component
An interactive star rating widget with hover preview, half-star support and animated selection feedback.
html/css
form
free
Morse Code Badge Loader
A unique loading state animation using blinking dot patterns. Creative alternative to standard spinners.
html/css
button
free
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
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
Dark Glassmorphism Dashboard Card
A rich stats dashboard card with mini sparkline chart, trend indicator and glassmorphism on dark background.
html/css
card
free
Radial Progress Rings
Animated SVG circular progress indicators with percentage labels. Smooth fill animation on load.
html/css
card
★ pro
Draggable Range Slider
A stylish custom range slider with gradient track, animated thumb and live value display.
html/css
form
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
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
CSS Skeleton Loader Cards
Pure CSS animated shimmer skeleton loading placeholders for card grids. Multiple card layouts.
html/css
card
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
Dark Code Block
A styled syntax-highlighted code block with line numbers, copy button, and language badge.
html/css
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 Glassmorphism Dashboard
A full dark glassmorphism admin dashboard layout with sidebar, stats cards and chart placeholder.
html/css
card
★ pro
Floating Label Form
Elegant floating label inputs with smooth animations on focus. Clean white card on grey background.
html/css
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
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 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
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
Bento Grid Layout
A modern bento-box style asymmetric grid layout with stats, features and gradient cards.
html/css
hero
★ pro
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 Hamburger Menu
Fullscreen overlay navigation with animated hamburger icon morphing into X. Smooth dark overlay.
html/css
nav
free
Minimal Dark Button Set
A set of three dark-themed buttons with fill, outline and ghost variants. Smooth hover transitions.
html/css
button
free
Animated Neon Ring Button
A button with an animated pulsing ring border that expands outward on hover.
html/css
button
free
Loading Button States
A button that transitions between idle, loading and success states. Click to trigger.
html/css
button
free
Minimal Login Form
A clean minimal login form with email and password fields, remember me checkbox and submit button.
html/css
form
free
Vue Multi-Step Form
A Vue 3 multi-step form wizard with step indicator, progress bar and animated step transitions.
vue
form
★ pro
Responsive Top Navbar
A sticky top navbar with logo, nav links and a CTA button. Dropdown on hover for extra links.
html/css
nav
free
React Collapsible Sidebar
A React sidebar that collapses to icon-only mode. Click the arrow button to toggle.
react
nav
free
React Modal Dialog
A React modal dialog with backdrop blur, smooth scale-in animation, close button and confirm/cancel actions.
react
modal
free
Fullscreen Animated Hero
A fullscreen hero with animated moving gradient background, large headline and dual CTA buttons.
html/css
hero
free
React Progress Steps Tracker
An order progress tracker with animated step indicators and connecting lines. Click to advance.
react
card
free
CSS Radial Progress Rings
SVG circular progress indicators with animated fill and percentage counter on load.
html/css
card
free
React Counter Button
An interactive counter with increment, decrement and reset controls built with React hooks.
react
button
free
Vue Toggle Switch Group
A group of labeled toggle switches built with Vue 3. State is managed reactively.
vue
button
free
React Form Validation
A React registration form with real-time validation, error messages and a password strength indicator.
react
form
★ pro
Vue Tab Navigation
A Vue 3 tab navigation component with underline indicator and smooth content switching.
vue
nav
free
Vue Command Palette
A Vue 3 CMD+K command palette with fuzzy search, keyboard navigation and animated open/close.
vue
modal
★ pro
React Expense Tracker
A React expense tracker with add/delete transactions, category badges, and a live balance summary.
react
card
★ pro
Product Card with Hover Reveal
An e-commerce product card with image area, price, title and a quick-add button that slides up on hover.
html/css
card
free
React Kanban Board
A drag-and-drop Kanban board with three columns. Add tasks by typing and pressing Enter.
react
card
★ pro
Gradient Border Feature Cards
Feature cards with animated rotating gradient borders. Three cards with icon, title and description.
html/css
card
★ pro
Toast Notification System
Animated toast notifications with success, error, warning and info variants. Click buttons to trigger.
html/css
modal
free
React Typewriter Hero
A hero section with a typewriter effect cycling through multiple words using React state and intervals.
react
hero
free
Vue Animated Stats Hero
A Vue 3 hero with animated counting statistics, gradient headline and a scroll-down CTA.
vue
hero
free
Bento Grid Layout
A modern bento-box style asymmetric grid with stats, feature cells and a large headline card.
html/css
hero
★ pro
Vue Sortable Priority List
A Vue 3 drag-and-drop sortable list for reordering priority items with visual feedback.
vue
card
★ pro
Vue Calendar Picker
A Vue 3 mini calendar with month navigation, day selection and today indicator.
vue
form
★ pro
Dark Glassmorphism Card
A frosted glass profile card with avatar placeholder, name, role and stat row on a gradient background.
html/css
card
free
Vue Stats Dashboard Card
A Vue 3 dashboard stats card with animated counting numbers on mount.
vue
card
free
Floating Label Inputs
Form inputs with smooth floating label animations on focus. Clean light card design.
html/css
form
free
Dark Sidebar Navigation
A dark sidebar with icon-label nav items, active state, section labels and a user profile footer.
html/css
nav
free
CSS Skeleton Loader
Animated shimmer skeleton loading placeholders for three card layouts. Pure CSS.
html/css
card
free