Skip to content

Forms

Login Form

Email/password sign-in card with a show/hide password toggle driven by a scoped inline script.

FreeMIT licensed. Install it with the CLI — no account, no key.
$velocityx add login-form
Props & docs
AstroReactTailwind CSSNew

Login Form

Login Form

Live preview of the Login Form component

Welcome back

Sign in to pick up where you left off.

Forgot password?

Don't have an account? Sign up

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 Login Form 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.

Read the component docs All 589 components

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.

Signup Form

Name/email/password sign-up card with an inline password-strength meter and terms-acceptance checkbox.

Password Reset Form

Single-field reset-link request card with a built-in confirmation state toggled via a sent prop.