Your career deserves better than bullet points.

CurrentNotionProduct DesignerSan Francisco

Installation

npm install @macworks/stint

Usage

import { Stint } from "@macworks/stint";
import "@macworks/stint/styles.css";

const data = {
  schemaVersion: 1,
  entries: [
    {
      id: "notion",
      company: "Notion",
      location: "San Francisco",
      start: "2025-01",
      end: null, // still there
      roles: [{ id: "pd", title: "Product Designer", start: "2025-01" }],
    },
  ],
};

<Stint data={data} />

API Reference

Prop	Type	Description
data	StintConfig	Required. Month-precision career data.
value	StintSelection	Controlled selection. defaultValue for uncontrolled.
onChange	(selection, meta) => void	Fires on scrub and on commit.
onDiagnostics	(diagnostics) => void	Gaps, overlaps, roles outside their employer's span.
orientation	StintOrientation	Horizontal, vertical, or responsive.
slots	StintSlots	Render slots for logo, readout, and ticks.
onFeedback	StintFeedbackHandler	Generic events — wire your own haptics.

CLI

Scaffold, validate, import from LinkedIn.

npx @macworks/stint-cli init