Mopet is a modern, neobrutalism-styled Next.js + Tailwind CSS template designed for SaaS product landing pages. It provides an opinionated starting point with pre‑built sections—such as hero, features, testimonials and pricing—so you can launch a polished marketing site quickly.
- Beautiful neo‑brutalist design with responsive layouts and ready‑made section components.
- Built with Next.js App Router and TypeScript for type‑safety and performance.
- Tailwind CSS configured for rapid styling and dark‑mode support.
- Preconfigured for pnpm with ESLint, Prettier and Husky for consistent code style.
- Modular folder structure so you can add or remove sections as needed.
A live preview of the default template is available at (add a deployed link here). The /public/preview.png image in this repository gives a quick visual overview.
This repository is a template. To create your own project from it, click Use this template on GitHub or run the GitHub CLI:
gh repo create my-saas-site --template vincedotcode/mopetEnsure you have Node.js (v18 or later) and pnpm installed globally:
npm install -g pnpmClone your newly created repository and install dependencies:
pnpm installTo start the development server:
pnpm run devNavigate to http://localhost:3000 to view the site.
To generate a production build:
pnpm run build
pnpm startThis template intentionally keeps its configuration simple. To customise the content and metadata:
- Edit
/app/layout.tsxto update<head>tags and site metadata. - Replace
/public/favicon.icoand/public/preview.pngwith your own assets. - Update
/app/page.tsxto change sections, copy and calls to action. - Each section in
components/sectionscan be modified or removed to fit your needs.
For custom styling, open tailwind.config.ts and adjust colours, fonts or breakpoints. You can also copy styles from the Neo‑brutalism Components styling docs into this file.
Contributions, issues and feature requests are welcome! If you'd like to add new sections or improve the design:
- Fork this repo.
- Create your feature branch:
git checkout -b my-feature. - Commit your changes:
git commit -am 'Add my feature'. - Push to the branch:
git push origin my-feature. - Create a pull request.
Please ensure any code you submit follows the linting rules (run pnpm run lint before submitting) and adds/updates relevant tests.
This project is open-source and distributed under the MIT License. See the LICENSE file for details.
If you encounter bugs or have questions, please open an issue. Feel free to reach out on (your preferred contact method) for support or to discuss improvements.