Can I use Cinder for a client site?

Yes. A Pro seat covers unlimited personal and commercial projects, client work included.

Is Cinder a Next.js template?

It is a React 19 page that works in Next.js (App Router or Pages Router), Vite, Remix and Astro. Drop it into a route and it renders.

Cinder: Fintech template

Serious numbers, calmly presented.

For finance and analytics products: a dashboard hero that tilts flat, growth stats, a comparison table and a confident close.

About the Cinder template

Cinder presents serious numbers calmly: a dashboard hero that tilts flat as you scroll, growth stats, alternating features, a comparison table, testimonials and a confident close.

Serious numbers, calmly presented. It is a complete fintech landing page for React and Tailwind CSS 4, assembled from 9 Charcoal UI sections.

Who Cinder is for

Fintech and banking products.
Analytics and BI platforms.
B2B SaaS with enterprise buyers.
Investor-facing pages.

What is inside

9 sections, top to bottom:

Navbar Mega Menu: A full-width bar with a mega menu that unfolds on hover or focus.
Hero Dashboard: A browser-framed dashboard that tilts up flat as you scroll, under a centred headline.
Logo Cloud: A muted marquee of customer wordmarks under a short trust line.
Stats Chart: Growth story: stat cards beside an animated bar chart.
Features Alternating: Alternating image and text rows that slide in from opposite sides as you scroll.
Pricing Comparison: A full feature comparison table with a sticky plan header.
Testimonials Wall: A masonry wall of quotes with ratings, revealed as you scroll.
CTA Ember: A closing band with rising embers and a shimmering call to action.
Footer Columns: Brand, four link columns, a newsletter field and a bottom bar.

How it is built

Charts and counters animate on scroll and the comparison table keeps plan names visible while buyers compare.

Install Cinder

npx shadcn@latest add @charcoal/cinder

Templates are part of Charcoal UI Pro. One seat covers all 100 templates, 107 sections and 300 Pro components. The command installs the page and every section and component it uses, so it runs the moment it lands.

Frequently asked questions

Can I use Cinder for a client site?: Yes. A Pro seat covers unlimited personal and commercial projects, client work included.
Is Cinder a Next.js template?: It is a React 19 page that works in Next.js (App Router or Pages Router), Vite, Remix and Astro. Drop it into a route and it renders.

Sections in this template

Navbar Mega Menu: A full-width bar with a mega menu that unfolds on hover or focus.
Hero Dashboard: A browser-framed dashboard that tilts up flat as you scroll, under a centred headline.
Logo Cloud: A muted marquee of customer wordmarks under a short trust line.
Stats Chart: Growth story: stat cards beside an animated bar chart.
Features Alternating: Alternating image and text rows that slide in from opposite sides as you scroll.
Pricing Comparison: A full feature comparison table with a sticky plan header.
Testimonials Wall: A masonry wall of quotes with ratings, revealed as you scroll.
CTA Ember: A closing band with rising embers and a shimmering call to action.
Footer Columns: Brand, four link columns, a newsletter field and a bottom bar.

Cinder as Markdown