css forms
All collections tagged with "css forms"
29 CSS Checkboxes
29 hand-coded CSS checkboxes and toggle switches for SaaS dashboard settings (Stripe / Vercel / Linear / Notion), e-commerce facet filters (Airbnb / Zillow / Amazon / eBay), subscription pricing tier cards (Stripe Billing / Chargebee / Recurly), Gmail / Notion select-all indeterminate patterns, GDPR cookie consent banners, HIPAA patient portal intake, todo list task completion, and settings panel toggles — 6 brand-new demos (SaaS Dashboard Toggle Switch, Filter Tag Pill Checkbox, Pricing Plan Card Select, CSS Accordion Grid Reveal, Indeterminate Dash Checkbox, WCAG 2.2 Accessible Focus-Ring reference) plus 23 revamped originals covering iOS-style toggle, dark-mode sun/moon, neon glow, brutalist, glassmorphism, neumorphic, liquid fill, gooey blob, 3D flip, draw-stroke checkmark, tri-state indeterminate, magnetic cursor pull, and confetti burst on complete. Real native input type=checkbox preserved throughout for keyboard, screen-reader, and password-manager compatibility. WCAG 2.2 SC 2.4.13 focus appearance + SC 4.1.2 name-role-value compliant, MIT licensed.
21 CSS File Upload Buttons
21 hand-coded CSS file upload buttons and dropzones for SaaS document flows, e-commerce product media, CMS libraries, support ticket attachments, and profile settings. Covers the custom-label button that replaces the unstylable native control, a pure-CSS version with no JavaScript, selected file name and multi-file list feedback, a WCAG-compliant accessible file input, drag-and-drop zones with grid previews and reorderable lists, a full-page drop overlay, image and video preview thumbnails, circular avatar upload with hover edit, multi-image grids with remove badges, upload progress bars with percentage, chunked multi-file progress lists, a success/error/retry state machine, cloud-storage style drop zones, mobile camera capture, clipboard image paste, plus Tailwind and Bootstrap 5 variants. Every upload is scoped under a .fu-NN prefix for no-collision pasting, keeps the native input keyboard-reachable rather than hiding it from assistive technology, guards prefers-reduced-motion, and ports unchanged to React, Vue, Svelte, Astro, Next.js and Tailwind.
28 CSS Input Fields
28 hand-coded CSS input fields for sign-up flows, e-commerce checkouts, SaaS onboarding, HIPAA patient portals, banking forms, and password reset screens — floating label, OTP, password strength, voice search, autocomplete, range slider, credit card, tag chip, inline edit, and more. Semantic HTML, WCAG 2.1, copy-paste ready.
30 CSS Login Forms
30 hand-coded CSS login form templates for SaaS authentication panels, multi-tenant account switchers, passwordless magic-link entry, Web3 wallet-connect, Stripe-style minimalist billing, OTP, biometric passkey and password strength meters. Copy-paste HTML and CSS, WCAG 2.2 accessible, mobile-first.
16 CSS Multi-Step Form UI
16 hand-coded multi-step form UI templates for e-commerce checkout, SaaS onboarding, mortgage and insurance applications, patient intake, KYC verification, financial loan wizards, event registration, university admissions, moving quotes, home services, car rental and non-profit donation flows. Copy-paste HTML, CSS and vanilla JS, WCAG 2.2 accessible, mobile-first.