Content & Dashboard

Vertical timestamped activity feed with a connecting dot-and-line rail between entries.

Astro

Two-column article layout with a reader-width prose column and a sticky sidebar slot that collapses above content on mobile.

Astro

Article title, byline, avatar, publish/updated date and read time above a divider.

Astro

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

Astro

Client-filtered blog index grid driven by a category pill row built from the posts data.

React

Vertical blog post card with cover image, category eyebrow, title, excerpt, and author/date/read-time meta row.

Astro

Image-left, content-right post card for dense list views that stacks to image-top on mobile.

Astro

Month calendar grid with prev/next navigation, locale-aware weekday/month labels via Intl, and per-day event dots.

React

Dated release/changelog entries on a vertical rail with version, date and a coloured change-type tag.

Astro

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

Astro

Styled pre/code block with a filename bar and a copy button with a real success state, no syntax highlighter bundled.

React

Single comment with avatar, author, date and body that recursively renders nested replies up to a capped indent depth.

Astro

Single KPI tile with label, large value, optional icon slot and a directional delta badge.

Astro

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

Astro

Horizontal row of KPI figures sharing one divided card for a dashboard header strip.

Astro

LiteYoutubeEmbed — a click-to-load YouTube facade.

Astro

Inline subscribe block for the end of an article, a plain form with a host-supplied action/method.

Astro

Single notification row with avatar/icon, message, timestamp and an unread indicator dot.

Astro

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

Astro

Single-goal card with a computed percentage progress bar, current/target values and an optional due date.

Astro

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

Astro

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

React

StandardArticleSidebar — the "Standard" (app-shell) sibling of `content/TableOfContents.jsx`.

React

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

React

Sticky table of contents with IntersectionObserver-driven scroll-spy highlighting that degrades to a plain link list without observer support.

React

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

Astro

Card of checkable tasks with a done/total count, supporting both internal state and parent-controlled toggling.

React

VideoEpisodeHub — a hub hero + episode grid for a video series, podcast or course.

Astro