forms/input-field
React input field with floating label, helper, error and success states, adornments, counter, clear and password reveal.
do · standard · freedesignmd · Insel · 2 Slots
Input Field — ueberschrift (h2, 72 Zeichen)
Input Field — vorspann (p, 240 Zeichen)
forms/magnet
Der Lead-Magnet: Fragen, Fortschritt, Ergebnis, Kontaktwege. Fuenf Typen, EIN Script.
think · standard · eigen · statisch · 5 Slots · Varianten: karte, band
magnet — ueberschrift (h2, 72 Zeichen)
magnet — vorspann (p, 240 Zeichen)
Kein daten.lead_magnet gesetzt — der Block bleibt sichtbar leer, damit es auffaellt.
forms/multi-step-signup
Multi-step signup form for React: a three-step onboarding wizard with progress, validation, transitions and a review step.
do · standard · freedesignmd · Insel · 2 Slots
Multi-step Signup — ueberschrift (h2, 72 Zeichen)
Multi-step Signup — vorspann (p, 240 Zeichen)
- 1Account
- 2Workspace
- 3Review
forms/otp-input
OTP input for React: six-digit code entry with auto-advance, paste, SMS autofill, error shake and a success cascade.
do · standard · freedesignmd · Insel · 2 Slots
OTP Input — ueberschrift (h2, 72 Zeichen)
OTP Input — vorspann (p, 240 Zeichen)
forms/payment-form
Credit card payment form with brand detection, live formatting, Luhn validation and a preview that flips to the CVC.
do · standard · freedesignmd · Insel · 2 Slots
Payment Form — ueberschrift (h2, 72 Zeichen)
Payment Form — vorspann (p, 240 Zeichen)
forms/search-command
Command palette for React: ⌘K search with fuzzy matching, sections, recent items and full keyboard navigation.
do · standard · freedesignmd · Insel · 2 Slots
Search Command — ueberschrift (h2, 72 Zeichen)
Search Command — vorspann (p, 240 Zeichen)
forms/settings-form
Settings form for React with switches, a bubble slider, radio cards, a select and a save bar that slides in when dirty.
do · standard · freedesignmd · Insel · 2 Slots
Settings Form — ueberschrift (h2, 72 Zeichen)
Settings Form — vorspann (p, 240 Zeichen)