Metafi - Nextjs Template

Overview

Metafi is a premium marketing site template from Shadcnblocks, designed for a payments or fintech-style business. It has 19 pages and 100+ components. The demo presents a payments platform for growing businesses, with sections for product features, 50+ integrations, customer testimonials, FAQs and recent blog posts.

Metafi is built with shadcn/ui and Tailwind CSS 4, and one purchase includes both a Next.js edition and an Astro edition (version 2.0.0, updated March 2026). All pages are built from block sections, so other blocks from the Shadcnblocks library can be inserted. A Figma file is included.

To change its colors and fonts, pick a theme from Shadcn Themes.

Features

• 19 pages: Home, features, integrations, pricing, about, careers, contact, blog with posts, login, signup, and privacy, terms and cookie policy pages
• Block-based pages: Built from Shadcnblocks sections for easy extension
• Content: MDX and JSON data in Next.js, and Astro content collections with Markdown and MDX in Astro
• SEO: Next.js SEO and metadata, or Astro SEO and sitemap
• Responsive: Mobile-first layouts
• Figma file: Design source included
• Deployment: Tested for one-shot deploys on Vercel, Netlify and Cloudflare Pages

Tech stack

• Next.js or Astro (with React)
• shadcn/ui, Tailwind CSS 4, TypeScript
• Markdown and MDX