https://github.com/shadcnblocks/mainline-nextjs-template
Mainline Next.js template built with shadcn/ui, Tailwind 4 & Next.js
https://github.com/shadcnblocks/mainline-nextjs-template
nextjs-starter nextjs-template nextjs-theme nextjs15 shadcn shadcn-template shadcn-ui shadcnblocks shadcnui tailwindcss
Last synced: about 2 months ago
JSON representation
Mainline Next.js template built with shadcn/ui, Tailwind 4 & Next.js
- Host: GitHub
- URL: https://github.com/shadcnblocks/mainline-nextjs-template
- Owner: shadcnblocks
- License: other
- Created: 2025-10-13T22:48:28.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2025-12-26T13:26:01.000Z (5 months ago)
- Last Synced: 2026-02-11T10:24:32.882Z (4 months ago)
- Topics: nextjs-starter, nextjs-template, nextjs-theme, nextjs15, shadcn, shadcn-template, shadcn-ui, shadcnblocks, shadcnui, tailwindcss
- Language: TypeScript
- Homepage: https://mainline-nextjs-template.vercel.app/
- Size: 2.07 MB
- Stars: 255
- Watchers: 0
- Forks: 82
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Mainline Next.js Template
Mainline is a free template built with shadcn/ui, Tailwind 4 and Next.js 15.
- [Demo](https://mainline-nextjs-template.vercel.app/)
- [Documentation](https://docs.shadcnblocks.com/templates/getting-started)
- [Figma](https://www.figma.com/design/cFCLMj7DFv0sK7EVsqKeTa/Mainline?node-id=23250-13201&t=I1nAdchDpknii5Bd-1)
## Getting Started
```bash
npm install
```
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Features
### Core Technology Stack
- **Next.js 15** with App Router
- **Tailwind CSS 4** for styling
- **shadcn/ui** components
- **TypeScript** support
- **React 19**
### Key Features
- **Shadcn UI**: uses [shadcn/ui](https://ui.shadcn.com/) core UI components
- **Theme System**: Dark/light mode with `next-themes`, compatible with [tweakcn](https://tweakcn.com)
- **Form Handling**: React Hook Form + Zod validation
- **Server Actions**: Next-safe-action integration for server-side logic
- **MDX Support**: For content pages
- **Animations**: Motion library (Framer Motion) integration
- **ESLint/Prettier**: Pre-configured code formatting and linting
- **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](https://vercel.com)
## Credits
- Template by [shadcnblocks.com](https://shadcnblocks.com)
- Design by [Callum Flack](https://x.com/callumflack)
- Dev by [Yassine Zaanouni](https://x.com/YassineZaanouni)
- Produced by [Rob Austin](https://x.com/ausrobdev)