components

Supercharge Starlight with Starlight Utils

Jan 7, 2026

My Name

Content Creator

starlight-utils is a Swiss Army knife collection of components and utilities to enhance your documentation pages with common UI patterns.

Included Components

It bundles several useful components that you would otherwise have to build yourself:

Card Grids with Icons: Enhanced display options.
Link Cards: Better visual links to other pages.
Timeline: Visual representation of chronological events.
Code Group: Group related code blocks (e.g., for different package managers).

Getting Started

npm install @lorenzolewis/starlight-utils

Usage in MDX:

import { Timeline, TimelineItem } from '@lorenzolewis/starlight-utils';

<Timeline>
  <TimelineItem date="2024-01-01" title="Launched">
    We released version 1.0!
  </TimelineItem>
  <TimelineItem date="2024-02-01" title="Update">
    Added more features.
  </TimelineItem>
</Timeline>

It’s a great way to add visual variety to your docs without heavy custom development.