Charter - Fintech startup marketing site template

Charter is a fintech-style marketing site template featuring 100+ components, 10+ pre-built pages, and Figma design files. Built with shadcn/ui block sections for easy customization, it's available in both Next.js and Astro editions.

Charter screenshot
layers-3 100+ UI Components

Includes over one hundred reusable components for building polished fintech interfaces.

folder-tree 10+ Pre-built Pages

Ships with more than ten ready-to-use pages covering common marketing site needs.

section Block-based Structure

All pages are built using block sections so you can easily swap and insert new blocks.

laptop-mobile Responsive Mobile-first

Every layout is designed mobile-first and adapts seamlessly across all screen sizes.

design-file Figma File Included

Comes with a matching Figma file for design customization and team collaboration.

search-content SEO Optimized

Built-in SEO metadata support helps your marketing pages rank well in search engines.

pen-writing-8 MDX Content Support

Write rich content using MDX and manage data-driven sections with JSON files.

circle-info-sparkle Overview

Launch your fintech marketing site with ready-made components and pages

Charter is a fintech-focused marketing site template built with Next.js 15, shadcn/ui, and Tailwind CSS v4. It provides a comprehensive set of components and pre-built pages designed specifically for startups and financial technology companies looking to establish a polished web presence. The template is also available in an Astro edition, giving teams flexibility in choosing their preferred framework. Every page is constructed using a block-based architecture from shadcnblocks.com, which means rearranging layouts or adding new sections is straightforward. TypeScript support is included throughout, and content can be managed through MDX files and JSON data structures.

What's included

  • Over 100 reusable UI components built on shadcn/ui
  • 10+ pre-built marketing pages ready for customization
  • Figma design file for visual editing and team handoff
  • Block-based page sections that can be swapped and rearranged
  • MDX content support for rich, component-driven pages
  • JSON-based data structure for data-driven content sections
  • Built-in SEO metadata and optimization through Next.js

Ideal for

  • Fintech startups launching a marketing or product site
  • SaaS companies needing a polished landing page quickly
  • Financial services firms building a corporate web presence
  • Startup teams who want a design-to-code workflow with Figma
  • Developers who prefer a block-based, modular page structure

Customization

All pages in Charter are assembled from discrete block sections rather than monolithic layouts. This makes it simple to remove, reorder, or replace individual sections without touching unrelated code. Because the template uses the shadcnblocks.com component library, you can pull in additional blocks as your site grows. The included Figma file mirrors the template structure, so designers and developers can collaborate on changes before writing any code.

Highlights
circle-check-3 100+ components
circle-check-3 10+ pages
circle-check-3 Figma file included
circle-check-3 MDX & JSON content
circle-check-3 Next.js & Astro versions
Additional info
Last updated
calendar-refresh April 01, 2025
Template version
1.2.0
x logo-facebook logo-linkedin

Wavvy

$39

A beautiful SaaS/startup Tailwind CSS template

Streamline

$79

Next.js and Astro landing page template

Nebula

$39

Modern dark-themed SaaS template built with Tailwind