10 collections

components

All collections tagged with "components"

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.

button group css button group segmented control Responsive

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.

cards components animation Responsive

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.

floating action button fab floating button Responsive

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.

input field form input text input Responsive

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.

18 CSS Play / Pause Button Designs

18 free CSS play / pause button designs for audio, video and podcast UIs — copy-paste HTML, CSS and JS.

play button pause button media controls Responsive

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.

progress bar loader step tracker Responsive

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.

radio buttons css radio buttons form inputs Responsive

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.

css search box search bar css search input css Responsive

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.

stacked cards card stack deck of cards Responsive