interactive
All collections tagged with "interactive"
26 CSS Accordions — Vertical & Horizontal
26 free CSS accordions — 17 vertical and 9 horizontal layouts with copy-paste HTML and CSS.
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.
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.
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.
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.
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.
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.
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.