Foundry SaaS Kit
NewTemplateApp UI12 screensA complete twelve-screen SaaS frontend for Foundry, a fictional B2B invoicing product: marketing site, auth with two-factor, onboarding, and an app shell with dashboard, customers, invoices, billing with a Dodo Payments checkout mock, team and settings.
Get this template
A self-contained Next.js project. One-time purchase, lifetime updates for this template, source yours to deploy.
$149
Or get every template with Lifetime
By continuing you agree to the Terms and the License. You ask for access to the digital content straight away and acknowledge that you lose your 14-day right of withdrawal once you download or install a paid item; our Refund policy still applies.
Included free with Pro Lifetime ($179) — compare plans.
What is this?
Foundry is a full SaaS frontend you can ship on: a marketing site, the whole auth flow, a three-step onboarding and a working app for a fictional invoicing product. One client component with its own router covers twelve screens, all wired together — start on the landing page, sign in, pass two-factor, set up a workspace and land in a dashboard where you can create invoices, mark them paid, invite teammates and change plans. Demo state persists in localStorage, so it feels like a real product in a sales call or a design review.
Who is it for?
Founders and product teams starting a B2B SaaS who want production-grade screens on day one, agencies that need a credible app prototype for a pitch, and developers who would rather wire an API into finished UI than design twelve screens from scratch. It suits any seat-based product — invoicing, CRM, analytics, ops — once you swap the copy and data.
What you get
Everything needed to make it yours.
Twelve connected screens
Landing, pricing, sign-in, sign-up, two-factor, onboarding, dashboard, customers, invoices, billing, team and settings — linked end to end, with ?screen= deep links for every one.
A real app shell
Collapsible sidebar that becomes a drawer on phones, a ⌘K palette that jumps to screens, customers and invoices, a theme toggle and a user menu.
Data screens that work
Search, filter, sort and multi-select customers, open a slide-over detail, build invoices with editable line items and watch the PAID stamp land.
Billing with a checkout flow
Usage meters, a plan-change sheet with seats and proration, and a checkout mock that routes payments through Dodo Payments — ready to swap for a real session.
Persistent demo state
New invoices, invites, plan changes and settings survive a refresh under one localStorage key, with a Reset demo action in three places.
Premium, accessible motion
Rolling numbers, a scroll-tilting product shot, spring layouts and drawn charts — all keyboard reachable, reduced-motion safe and themed by tokens for light and dark.
Screens & sections
- Landing — hero with live product shot, features, pricing, quotes, FAQ
- Pricing with seat slider and comparison table
- Sign in
- Sign up with password strength
- Two-factor (OTP)
- Onboarding — workspace, invite team, choose plan
- Dashboard — KPIs, revenue chart, aging, recent invoices
- Customers — searchable, sortable table with detail drawer
- Invoices — list, invoice detail and builder
- Billing — plan, usage, payment method, checkout sheet
- Team — members, roles, invites
- Settings — profile, workspace, notifications, danger zone
Stack
Next.jsReact 19Tailwind CSS 4Motion
31 source files · GetUrUI components bundled
motion, lucide-react, clsx, tailwind-merge