Mainline Astro Template

Mainline is a free template built with shadcn/ui, Tailwind 4 and Astro 5.

• Demo
• Documentation
• Figma

Getting Started

npm install

npm run dev

Open http://localhost:3000 with your browser to see the result.

Features

Core Technology Stack

• Astro 5 built with Astro
• Tailwind CSS 4 for styling
• shadcn/ui components
• TypeScript support
• React 19

Key Features

• Shadcn UI: uses shadcn/ui core UI components
• Theme System: Dark/light mode with astro-themes, compatible with tweakcn
• MDX Support: For content pages
• Animations: Motion library (Framer Motion) integration
• Prettier: Pre-configured code formatting
• Custom Fonts: DM Sans font family included
• Icons: Lucide React + React Icons libraries
• Styleglide Integration: For component previews/development
• Responsive Design: Mobile-friendly layout
• SEO Ready: Proper metadata and OG images included

Pre-built Pages

• Home/Landing page
• About page
• Pricing page
• FAQ page
• Contact page with form
• Login/Signup pages

Blocks

• Hero section
• Logo showcase/marquee
• Features section
• Resource allocation section
• Testimonials with carousel
• Pricing table
• FAQ with accordion
• Footer
• Navigation bar

Deployment

Production-ready and tested for deployment on Vercel

Credits

• Template by shadcnblocks.com
• Design by Callum Flack
• Dev by Yassine Zaanouni
• Produced by Rob Austin