Skip to main content
Magic UI offers a collection of professional landing page templates designed to help you launch faster. Each template is built with Next.js, TailwindCSS, and includes dark mode, mobile responsiveness, and SEO optimization out of the box.

Available Templates

Choose from our curated collection of templates designed for different use cases:

SaaS Template

Complete landing page for SaaS products with 14 sections including pricing, testimonials, and blog

Startup Template

Perfect for bootstrappers and early-stage startups launching new ideas

Portfolio Template

Minimal portfolio to showcase your work, skills, and experience

Blog Template

Clean, minimal blog template with MDX support

AI Agent Template

Optimized landing page for AI agent startups and services

Dev Tool Template

Professional template for developer tools and services

Mobile App Template

Showcase your mobile app with interactive demos and features

Codeforge Template

Developer tool template with workflow visualizations

Changelog Template

Beautiful timeline format for product updates and releases

What’s Included

All templates include:
  • Modern Tech Stack: Built with Next.js, React, TypeScript, and TailwindCSS
  • Dark Mode: Full dark mode support with next-themes
  • Responsive Design: 100% mobile responsive layouts
  • SEO Optimized: Full SEO coverage with dynamic OpenGraph images
  • Animations: Smooth animations and micro-interactions
  • Clean Code: Maintainable code with global constants and variables
  • Quick Setup: 1-click download and 5-minute customization
  • Deploy Ready: Deploy live to Vercel instantly

Getting Started

  1. Browse the templates and choose one that fits your needs
  2. Preview the live demo to see it in action
  3. Download or clone the template repository
  4. Update the content, images, and colors
  5. Deploy to Vercel or your preferred hosting platform

Tech Stack

All templates are built with industry-standard technologies:
  • Next.js 14-15: React framework for production
  • React 18-19: Latest React features
  • TypeScript 5: Type-safe development
  • TailwindCSS 3-4: Utility-first CSS framework
  • Framer Motion / Motion: Advanced animations
  • Radix UI: Accessible component primitives
  • shadcn/ui: Beautiful, accessible components

Build docs developers (and LLMs) love