Content & Dashboard
Blog Post Card
Vertical blog post card with cover image, category eyebrow, title, excerpt, and author/date/read-time meta row.
Needs a licence key —
subscribe here, then
velocityx loginonce.
Blog Post Card
Live preview of the Blog Post Card 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 Blog Post Card 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 Content & Dashboard components
Browse all →Blog Post Card (Horizontal)
Image-left, content-right post card for dense list views that stacks to image-top on mobile.
Featured Post Hero Card
Full-bleed editorial hero card for a pinned blog post with a solid scrim over the cover image for legibility.
Blog Index Grid with Category Filter
Client-filtered blog index grid driven by a category pill row built from the posts data.
Article Header
Article title, byline, avatar, publish/updated date and read time above a divider.
Article Body Layout with Sidebar
Two-column article layout with a reader-width prose column and a sticky sidebar slot that collapses above content on mobile.
Table of Contents (Sticky, Scroll-Spy)
Sticky table of contents with IntersectionObserver-driven scroll-spy highlighting that degrades to a plain link list without observer support.