A reader demographics card that shows age bands as progress bars with their shares, plus a dialog with the full breakdown in a table. Bands and the reader total are plain data; numbers format by locale.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/demographicsnpx shadcn add @01orbital/demographicsyarn shadcn add @01orbital/demographicsbunx --bun shadcn add @01orbital/demographicsPart of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/app/demographics/index.tsx, as source you own and edit.
import Demographics from "@/components/blocks/app/demographics"
export default function Example() {
return <Demographics />
}Registry pieces it installs with it:
demographics-cardDate Picker
A card holding a Date Range Picker: a labelled trigger that opens a two-month range calendar in a popover, preset to a 20-day span. Uses date-fns to build the default range.
File Tree
An Explorer card showing a nested project file tree with collapsible folders, rotating carets and the selected file's path in the header. Folder and file rows are ghost buttons with Phosphor icons.