Native dialog Modal
Accessible modal built on the native HTML dialog element with @starting-style enter and exit animation, blurred backdrop, mobile bottom sheet and an invite form.
Tag: form
Components tagged with "form".
39 component(s)
Star Rating Input
Accessible pure CSS star rating input with half stars, built on native radio buttons, hover preview and a live value label.
Login Form with Floating Labels
Clean pure CSS login card with animated floating labels, show/hide password, inline validation and a simulated sign-in state in vanilla JavaScript.
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.
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.
Checkout Form with Order Summary
Bootstrap 5 one-page checkout with contact, shipping, delivery and payment sections, card input masks, validation, promo code and a live order summary.
Account Settings Page with Tabs
Bootstrap 5 account settings page with profile, security and notification tabs, password strength meter, session list and simulated save.
Centered Login Page
Full-page Bootstrap 5 sign-in with a centered card, Google and GitHub buttons, validated email and password fields, a show password toggle and a Caps Lock warning.
Bootstrap Coming Soon Page
Bootstrap 5 coming soon page with a live countdown from a data attribute, an email notify form with validation and social links in a centered card.
Login Modal
Bootstrap 5 login modal with social sign-in buttons, floating labels, a show/hide password toggle, client-side validation and a signed-in success view.
Floating Label Inputs
Bootstrap 5 floating label inputs for text, email, select and textarea, styled as filled fields with validation, read-only and disabled states.
Signup Form with Validation
Bootstrap 5 signup form with live password rules, a strength meter, show/hide toggle, password confirmation and a required terms checkbox.
Comment Section with Reply Form
Bootstrap 5 comment section with threaded replies, collapsible reply forms, like buttons, a new comment form and live comment count.
Multi-Step Registration Form
Bootstrap 5 three-step registration form with a progress bar, step indicators, per-step validation, password matching, plan cards and a success screen.
Image Upload with Preview
Bootstrap 5 drag-and-drop image uploader with thumbnail previews, remove buttons, type and size validation and simulated upload progress.
Custom Checkboxes and Switches
Restyled Bootstrap 5 checkboxes, large switches, select-all with indeterminate state, radio cards and colored checkbox chips.
Password Strength Meter
Bootstrap 5 password input with show/hide toggle, four-step strength meter, live requirements checklist and confirmation match check.
Footer with Newsletter
Dark Bootstrap 5 footer with a newsletter signup panel, email validation, social icons, three link columns and a legal bar.
Split CTA with Email Capture
Bootstrap 5 split call-to-action with newsletter pitch on the left and a validated email signup form with consent checkbox on the right.
Chat Widget
Tailwind CSS support chat widget with floating launcher, unread badge, message bubbles, suggested replies, typing indicator and Enter-to-send input.
Checkout Stepper
Bootstrap 5 four-step checkout with cart, shipping, payment and review steps, a progress bar, per-step validation, Back/Continue buttons and a live order summary.
Pagination with Page Jump
Bootstrap 5 pagination with smart ellipses, previous and next arrows, a page counter and a validated 'go to page' input.
Split Login Page
Split-screen Tailwind CSS login page with a violet brand panel, inline validation, show/hide password toggle and a loading state.