Skip to content

Content & Dashboard

Featured Post Hero Card

Full-bleed editorial hero card for a pinned blog post with a solid scrim over the cover image for legibility.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add featured-post-hero
Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Featured Post Hero Card

Featured Post Hero Card

Live preview of the Featured Post Hero Card component

Featured

Velocity X: the JSON-driven page layer behind every brand port

One template, every brand swappable via config. The architecture, the gotchas, and why the home page is the deliberate exception.

Aiden Wood 16 Oct 2026 9 min read

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 Featured Post Hero 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.

Read the component docs All 589 components

More Content & Dashboard components

Browse all →

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.

Author Bio Card

Avatar, name, role, short bio and optional social links for an article sidebar or footer.

Related Posts Row

Compact grid of 2-4 related post cards for the end of an article.

Post Navigation (Prev/Next)

Previous/next post navigation links with directional chevrons, stacking to one column on mobile.

Share Buttons Row

Share-to-platform link row (X, LinkedIn, Facebook, Email) plus a copy-link button with a real success state.

Tag Cloud

Wrapping row of tag pills with optional count and active state for a tag archive page.