Velocity X component lab
Change the component preview and page chrome. Save to keep these colours as you browse components.
Reads literal hex colours from theme.colors or theme.extend.colors. JavaScript is never run. This is a browser preview; changing the shipped Tailwind theme still requires a rebuild.
Content & Dashboard
Two-column article layout with a reader-width prose column and a sticky sidebar slot that collapses above content on mobile.
Needs a licence key —
subscribe here, then
velocityx loginonce.
Article Body Layout with Sidebar
Every brand identifier and category/item page reads from JSON, so porting to a new business is a config swap, not an Astro rewrite. The home page stays the deliberate exception.
This keeps the reader view consistent across every Velocity site while letting each home page feel purpose-built for its industry.
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 →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.
Vertical blog post card with cover image, category eyebrow, title, excerpt, and author/date/read-time meta row.
Image-left, content-right post card for dense list views that stacks to image-top on mobile.
Full-bleed editorial hero card for a pinned blog post with a solid scrim over the cover image for legibility.
Client-filtered blog index grid driven by a category pill row built from the posts data.
Article title, byline, avatar, publish/updated date and read time above a divider.
Sticky table of contents with IntersectionObserver-driven scroll-spy highlighting that degrades to a plain link list without observer support.
