Forms
Inline Validation States Showcase
Reference demo of idle/valid/invalid inline field validation with live icons and messaging on blur.
Needs a licence key —
subscribe here, then
velocityx loginonce.
Inline Validation States Showcase
Live preview of the Inline Validation States Showcase component
Validation states
Blur a field to see idle → valid / invalid.
As it appears on your ID.
We'll send a confirmation here.
8+ characters.
The code ships with Velocity.
Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.
Get Velocity X — from $1,250 See all packages →Using the Inline Validation States Showcase component
Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.
More Forms components
Browse all →Multi-Step Wizard Form
Three-step form with a segmented progress bar, per-step validation, and back/next navigation before calling onSubmit.
Quote/Estimate Calculator Form
Project-type selector, scope slider, and add-on checkboxes that compute a live price range before submitting.
Newsletter — Inline Bar
A slim single-row email capture bar for footers or in-content placements.
Newsletter — Card
Standalone card-format newsletter opt-in with an icon badge and privacy microcopy.
Login Form
Email/password sign-in card with a show/hide password toggle driven by a scoped inline script.
Signup Form
Name/email/password sign-up card with an inline password-strength meter and terms-acceptance checkbox.