Does Team Founders work with Next.js?

Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.

Can I change the copy and colours?

Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Team Founders

Founders' story with an editorial serif headline, who started it and a timeline of milestones.

Type: Team section
Styles: Light, Minimal
Licence: Charcoal UI Pro

About Team Founders

Team Founders tells how the company started: an editorial headline, two short paragraphs, the founders and what they did before, a photo and a timeline of milestones that draws as you scroll.

It is a full-width team section for React and Tailwind CSS 4, in a light and minimal style. Preview it at any width above, then install it with one command.

When to use Team Founders

About pages.
Careers pages.
Healthcare and mission-driven companies.
Nonprofits and studios.

How it is built

Uses Timeline for the milestones, and the story, founders, milestones and image are all props.

It is composed from Timeline, so installing it also installs those components, and you can restyle each one the same way you would on its own.

Goes well with Team Founders

Team Founders is part of 6 full templates, so you can see it in a finished page.

Plinth template: Buildings, told like stories.
Rota template: Shift planning, built by nurses.
Darkroom template: A course people finish.
Tideline template: A nonprofit site that raises money.
Crew template: A careers page people apply from.
Stealth template: Say little. Collect emails.
Team Grid: A remote team React grid with big initials, duotone photos and bios on hover
Team Careers: A React careers board with team filters, remote toggle and posted salaries
Team Values: A React company values section with huge numbered rows that open
Timeline: A React scroll timeline: the line draws as you scroll and entries rise into view

Install Team Founders

npx shadcn@latest add @charcoal/team-founders

Team Founders is part of Charcoal UI Pro: one seat covers all 107 sections, 100 templates and 300 Pro components, for unlimited projects. The command installs the section into components/sections along with every component it uses.

Frequently asked questions

Does Team Founders work with Next.js?: Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.
Can I change the copy and colours?: Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Built from

Timeline: An ember line that draws itself as you scroll, with each entry rising into view.

Team Founders as Markdown