Neon Glow Profile Card
Dark profile card with an animated neon conic-gradient border, soft glow, stats, skill tags and a Follow toggle, built with pure CSS and vanilla JS.
All components
Browse free, copy-paste UI components built with HTML, CSS and JavaScript.
50 component(s)
Masonry Image Gallery
Pure CSS masonry image gallery using multi-column layout, with hover and focus captions that slide up over each photo. No JavaScript needed.
Scroll-Snap Carousel
Native CSS scroll-snap carousel with arrow buttons, synced pill dots and keyboard support, enhanced by a few lines of vanilla JavaScript.
Infinite Logo Marquee
Two-row infinite logo marquee with seamless CSS loop, edge fade, pause on hover, a pause button and a static fallback for reduced motion.
Animated Number Counters
Stats section with four number cards that count up when scrolled into view, using IntersectionObserver, locale formatting and reduced-motion support.
Scroll-Snap Testimonial Slider
Horizontally scrolling testimonial cards using CSS scroll snap, with star ratings, avatars and accessible previous and next buttons.
Hero with Rotating Words
Dark hero section whose headline cycles through words with a slide-and-fade animation, a pause button and decorative stat cards.
Expanding Search Bar
Search icon button that expands into a pill-shaped input, shown in a dark navbar and a large hero search, with Escape to close and a demo submit.
Day/Night Toggle
Animated pure CSS day and night toggle switch where the sun turns into a cratered moon, clouds drift away and stars appear.
iOS Style Toggle Switch
Pure CSS iOS style toggle switches built on real checkboxes, in a grouped settings list with three sizes, five colors and a disabled state.
Styled Native Select
Pure CSS restyle of the native select element with a custom arrow, focus ring, error, success and disabled states, and three sizes.
Accordion with details and summary
No-JavaScript FAQ accordion built on native details and summary elements with smooth height animation and one-open-at-a-time behavior.
Alternating Timeline
Pure CSS vertical timeline with a center line and entries that alternate left and right, collapsing to a single column on mobile.
Table with Sticky Header
Dark striped data table in pure CSS with a sticky header row and sticky first column inside a scrollable, keyboard-focusable container.
Cards with Hover Lift
Pure CSS blog card grid where each card lifts with a deeper shadow and zooms its image on hover or keyboard focus.
Animated Pill Tabs
Segmented pill tabs with a sliding, springy background, ARIA tabs keyboard support and fading panels, shown on an analytics card. Pure CSS and vanilla JS.
Arrow Breadcrumbs
Chevron-shaped breadcrumb steps cut with CSS clip-path, with an interlocking layout, a color ramp toward the current page and a compact dark variant. No JavaScript.
Full-Screen Overlay Mobile Menu
Hamburger button that opens a full-screen menu with a circular clip-path reveal, staggered serif links, focus trap and Escape to close, in pure CSS and vanilla JS.
Navbar with Sliding Active Indicator
Dark responsive navbar with a glowing underline that slides between links on hover, focus and click, built with CSS custom properties and vanilla JS.
Rounded Pagination
Pill-shaped pagination with ellipsis, previous/next buttons and a gradient active page, made interactive with a few lines of vanilla JS.
Animated 404 Page
Playful full-page 404 error template with a floating planet, short message, site search field and home link in pure CSS.
CSS Spinner Collection
Eight lightweight pure CSS loading spinners in a labelled grid, each with role="status" and screen reader text, no JavaScript.
3D Flip Card
Three pure CSS 3D flip cards that turn on hover, keyboard focus or tap to reveal details and a link on the back.
Coming Soon Page with Email Signup
Full-page coming soon layout with progress bar and newsletter form.