Getting Started
Templates
Blocks
Components
For solo developers, indie hackers, and freelancers shipping their own products. Pay once, keep everything forever.
Instant download · No subscription · Lifetime access
For small teams, agencies, and freelancers shipping multiple client products. Lifetime access for everyone on your team.
Instant CLI token for 5 seats · Onboarding included · Invoice on request
A two-column tabbed services section. Each tab swaps the right-hand chart and the left-hand title/description in a single bordered panel. Built on top of recharts and the shadcn chart wrapper, with sensible defaults for sales pipeline, revenue, and product growth — fully overridable via the tabs prop.
Key Features:
--chart-* tokensPass your own tabs to render any chart in the right panel — each tab supplies a chart ReactNode.
<ServicesTabsCharts
tabs={[
{
id: "retention",
label: "Retention",
panelTitle: "Retention",
panelDescription: "Cohort survival from week 0 to week 12.",
chart: <MyRetentionChart />,
},
// …
]}
/>| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "From data to decisions, …" | Bold heading text (rendered inline). |
description | string | "Surface insights fast …" | Muted heading continuation (rendered inline). |
learnMoreText | string | "Learn more" | Trailing link label. |
learnMoreHref | string | "#" | Trailing link href; pass "" to hide. |
tabs | ServicesTabsChartsTab[] | 3 default tabs | Tab definitions (id, label, title, desc, chart). |
className | string | undefined | Extra classes on the section root. |