Skip to content

Content & Dashboard

Stat Tile with Trend Arrow and Sparkline

KPI tile with a trend arrow and a hand-drawn inline SVG sparkline computed from a numbers array, no chart library.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add stat-tile-trend-sparkline
Props & docs

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

AstroReactTailwind CSSNew

Stat Tile with Trend Arrow and Sparkline

Stat Tile with Trend Arrow and Sparkline

Live preview of the Stat Tile with Trend Arrow and Sparkline component

Weekly signups
1,842↑ +9.6%

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 Stat Tile with Trend Arrow and Sparkline 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.