29 Free CSS Input Styles 2026 ProofMatcher has 29 free CSS input components — floating labels, underline inputs, glassmorphism, search fields and more. HTML, CSS and React code included. Floating Label Input The floating label pattern uses CSS :placeholder-shown and :focus to animate the label upward — zero JavaScript required: .field { position: relative; margin-bottom: 20px; } .field input { width: 100%; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radiu