Forms
Range / Budget Slider Field
Single budget or quantity slider with a live value readout driven by a small scoped inline script.
Needs a licence key —
subscribe here, then
velocityx loginonce.
Range / Budget Slider Field
Live preview of the Range / Budget Slider Field component
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 Range / Budget Slider Field 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 →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.
Search Input with Suggestions Dropdown
ARIA combobox search field with keyboard-navigable, client-filtered suggestions dropdown.
Filter Sidebar Panel
Vertical catalog filter stack with collapsible checkbox groups and a price range, built on native details elements.
Filter Chips / Toggle Row
Horizontal row of togglable multi-select filter chips with an active count and clear-all action.
File Upload — Drag and Drop
Drag-and-drop file picker with browse fallback, size validation, and a removable selected-files list.