Skip to content

Content & Dashboard

Chart Card Shell

Dashboard card chrome with title, sub, a legend built from a series prop, and a default slot for any host-supplied chart.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add chart-card-shell
Props & docs

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

AstroReactTailwind CSSNew

Chart Card Shell

Chart Card Shell

Live preview of the Chart Card Shell component

Traffic by source

Last 30 days

  • Organic
  • Direct
Chart slot — pass your chart component as the default slot

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 Chart Card Shell 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 →

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.

Author Bio Card

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