Mammoth Templates logomammoth templates

Home / React & Next.js / Starter Kit

Video preview

SaaS Boilerplate is a complete, working app shell you can open by double-clicking a file: a polished marketing page, sign in and sign up, a dashboard with sidebar navigation, projects, a team page with invites and roles, a billing page with a mock plan switcher, tabbed settings, a notifications drawer and a Ctrl/Cmd+K command palette.

It is plain HTML, CSS and vanilla JavaScript with no build step and no dependencies. It is framework-free on purpose, but it is organised the way a React/Next.js app is: one small render function per view, layouts, a tiny router and store, and every network call isolated in a single js/api.js file with TODO comments. That makes it fast to customize today and straightforward to port to React or Next.js later.

It is not a React project itself, and it has no real backend - auth, billing and email are mocks backed by localStorage.

Design is dark-first with a lime accent and a warm light theme, serif display headings, system fonts only, responsive from 360px to 1920px, keyboard accessible, and respectful of reduced-motion. Everything is original and released under CC0.

Highlights

  • Marketing page, auth, dashboard, projects, team, billing and settings - 7 working screens
  • Mock API isolated in one file (js/api.js) with TODO: connect your API comments
  • Command palette (Ctrl/Cmd+K), notifications drawer, toasts, confirm dialogs
  • Plan switcher with monthly/yearly pricing, usage meters and downloadable invoices
  • Team invites table: invite, change role, revoke, with seat-limit validation
  • Dark + light themes (system aware + toggle), tokenised CSS variables
  • Hash deep links (?demo=1&theme=dark&open=palette) for screenshots and demos
  • Zero dependencies, CC0, works from file:// and any static host