css only
All collections tagged with "css only"
26 CSS Accordions — Vertical & Horizontal
26 free CSS accordions — 17 vertical and 9 horizontal layouts with copy-paste HTML and CSS.
19 CSS Blockquote Designs
19 hand-coded CSS blockquote designs — classic mark, brutalist, glass, neon, pull quote, speech bubble, vertical rail, testimonial card, highlighted run, marker underline, drop-shadow float, aurora drift, tweet style, newspaper drop-cap, code comment, markdown, carousel, click-to-expand, copy-to-clipboard. Semantic HTML, accessible, copy-paste ready.
22 CSS Breadcrumbs
22 original CSS breadcrumb designs — underline grow, pill, diagonal slash, neon trail, brutalist, frosted glass, vertical stacked, progress track, holographic shimmer and more.
22 CSS Button Group Designs
22 hand-coded CSS button group designs — segmented pill, connected outline, filter chips, split action, toggle, pagination, stepper wizard, view switcher, FAB, brutalist, glass, neon, date range, approve / reject, icon toolbar, dropdown combo, action group, number stepper, tab nav, aurora drift. Semantic HTML, accessible, copy-paste ready.
21 CSS Button Hover Effects
21 original CSS button hover effects — liquid fill, glitch, neon pulse, 3D flip, particle burst and more. Pure CSS with 3 vanilla JS enhancements. Copy-paste ready.
31 CSS Buttons
31 hand-coded CSS buttons — gradients, glassmorphism, 3D press, neon glow, ripple, glitch, shimmer, rainbow border and more. Pure CSS, copy-paste ready.
27 CSS Card Hover Effects
27 original CSS card hover effects — elastic lift, 3D tilt, holographic shimmer, spotlight, aurora and more. Pure CSS with 4 vanilla JS enhancements. Copy-paste ready.
20 CSS Cards with Animations
20 hand-crafted CSS card components — aurora glow, 3D tilt, glassmorphism, neon borders, flip card, pricing, terminal, music player, weather widget and more.
23 CSS Checkboxes
23 hand-crafted CSS checkboxes — toggles, glow, draw stroke, bouncy pop, glassmorphism, neumorphic, liquid fill, ripple, confetti and more. Mostly pure CSS, copy-paste ready.
21 CSS Circular Menu Designs
21 free CSS circular menu designs — radial, dome, orbital and skeumorphic layouts with copy-paste HTML and CSS.
18 CSS Close Buttons
18 hand-coded CSS close buttons — rotate, magnetic cross, liquid pop, glitch, trash compactor, ink ripple, particle burst, neon etch, fold-away, hold-to-confirm, toast dismiss, origami crease, lock tumble and more. Pure CSS, drop-in ready.
16 CSS Floating Action Button Designs
16 hand-coded floating action button designs — classic plus, speed dial, pulse ring, morphing FAB, labeled pill, scroll to top, neon cyber, glass, brutalist, notification badge, loading spinner, drag handle, voice action, premium aurora, quick reply, square modern. Semantic HTML, accessible, copy-paste ready.
28 CSS Input Field Designs
28 premium CSS input field designs — floating label, neon, glassmorphism, notched outline, OTP, password strength, voice search, email suggestions, currency, date / time / colour pickers, auto-grow textarea, range slider, credit card, password toggle, brutalist and more. Semantic HTML, modern CSS, copy-paste ready.
20 CSS Link Hover Effect Designs
20 free CSS link hover effects — animated underlines, glitches, neon flickers, marker highlights, 3D flips and more, with copy-paste code.
15 Pure CSS Loading Animations
15 hand-coded CSS loading animations — DNA helix, liquid blob, orbit system, signal bars, clock sweep, bouncing chain, neon ring draw, pixel dissolve, hourglass flip, heartbeat line, House Unlock, Listing Card Skeleton, semantic Progress Path, Heat-Map Compass and a Floor-by-Floor building loader. Pure CSS, accessible, drop-in ready.
24 CSS Login Form Designs with Live Demos
24 modern CSS login form designs — glassmorphism, neon, dark mode, OTP, biometric passkey, magic link, multi-step, password strength meter and more. Copy-paste HTML & CSS, accessible, mobile-first.
12 CSS Progress Bar Designs
12 premium CSS progress bar designs covering every real pattern — liquid fill, step tracker, conic ring, segmented battery, stripe loading, gradient pulse, goal tracker, skill bars, circular counter, stacked categories, speed gauge, and a video buffer bar. Semantic HTML, modern CSS, copy-paste ready.
18 CSS Radio Button Designs
18 hand-coded CSS radio buttons — concentric pulse, pill slider, magnetic orb, ink drop, star burst, tilt card, segmented bar, neon ring, pricing tier, glow pulse and more. Semantic, accessible, drop-in ready.
32 CSS Search Box Designs
32 hand-coded CSS search boxes — minimal underline, glass, neon, voice, autocomplete dropdown, recent searches, command-palette ⌘K hint, brutalist, animated placeholder, premium gradient and more. Semantic forms, accessible labels, drop-in ready.
12 CSS Skeleton Loaders
12 hand-coded CSS skeleton loaders — classic shimmer, pulse, avatar card, image card, article page, table rows, stat tiles, comment thread and more.
22 CSS Stacked Card Designs
22 free CSS stacked-card designs — depth stacks, hover reveals, interactive selectors and 3D layouts with copy-paste HTML and CSS.
20 CSS Tabs
20 original CSS tab designs — ink slider, aurora pill, frosted crystal, brutalist press, iOS segmented, bento grid, CRT terminal and more. Copy-paste ready.
20 CSS Tags & Chips Designs
20 hand-coded CSS tags and chips designs — removable filter, magnetic hover, sliding @property border, liquid fill, stack of three, notch luggage tag, glassmorphic, aurora outline, pixel grid, brutalist, gradient edge, status pulse, drag-to-reorder, autocomplete tag input, remove with undo, counter, marquee, expandable detail, linked group, lifecycle. Semantic HTML, accessible, copy-paste ready.