Velocity X Components

Astro · React · Tailwind

406 components you install once and own

No runtime dependency, no lock-in, no design system to fight. The CLI writes the source straight into your repo and gets out of the way — 39 are free and MIT licensed forever.

$ npm install -g @aidxn/velocityx-cli $ velocityx add bento-grid-4
39 free & MIT 367 on subscription 16 categories registry 0.1.14

Not a mockup

What you're actually installing

Why not just npm install a kit

The source lands in your repo, not a node_modules you don't read

No package to upgrade

`velocityx add` writes the .astro/.tsx file straight into your project tree. There's no package version to track, no breaking major to dread — it's your code the moment it lands, diffable in your own PRs.

Themed to you, not to us

Every component reads colour off a primary-* / accent-* scale your project defines. Default install looks nothing like Aidxn's purple — it looks neutral, then looks like you.

Zero runtime lock-in

Most components ship with no dependency beyond React itself. Cancel the subscription tomorrow and every file you've already installed keeps compiling — nothing phones home, nothing stops working.

What's actually behind the paywall

39 free forever. 367 more on subscription.

The free tier isn't a teaser — it's 39 real, MIT-licensed components spread across every category. Subscribing unlocks the rest of the 406: the deeper interaction patterns, the full commerce and growth sets, and every new component added from here on.

Keeps working after you cancel. You keep every component already installed in your project — a subscription unlocks future installs and updates, it doesn't revoke what you've already shipped.

Not locked to one project. The licence checks your subscription, not a domain or a repo — install into as many of your own projects as you want while it's active.

Install

Two commands. No dashboard click-through.

01

Install the CLI

One global install, once.

npm install -g @aidxn/velocityx-cli

02

Log in

Authenticates the CLI against your subscription.

velocityx login

03

Add a component

Writes the source straight into your project tree.

velocityx add bento-grid-4

The actual reason to buy

It drops in without dragging our brand with it

Every component reads its colours, radius and font off a small set of CSS variables — --vx-primary-*, --vx-accent-*, plus radius and font tokens. Out of the box that resolves to a neutral indigo, not Aidxn's purple. A stranger's project styles it with their own brand in about thirty seconds — no find-and-replace through component internals, no fighting a design system that assumes it owns the page.

That's the whole pitch: this is a library that disappears into whatever you're already building, not one that announces where it came from.

your-theme.css
:root {
  --vx-brand: custom;
  --vx-primary-600: 220 38 38;  /* your colour */
  --vx-primary-700: 185 28 28;
  --vx-radius: 0.25rem;        /* sharper corners */
}

Start with the 39 free components.

MIT licensed, no account required. Subscribe when you need the rest of the 406.