Mobile SaaS Landing Page Template

Make it yours.

Install with your AI coding tool.

A mobile app landing page with a layered phone hero, animated feature sections, monthly and yearly pricing, and a responsive navigation.

Open fullscreen ↗Download project ZIP ↓

Installation and usage

The source ZIP is a Next.js 16 project. Its marketing actions are presentation links; it does not include a billing or user-account backend.

01 — Initialize shadcn

pnpm dlx shadcn@latest init

02 — Install the source

pnpm dlx shadcn@latest add https://podie.dev/framework-registry/mobile-saas.json

03 — Add it to your page

import { MobileSaaSTemplate } from '@/components/apps/mobile-saas';

export default function Page() {
  return <MobileSaaSTemplate />;
}

Included

Layered phone hero with motion
Feature sections and pricing controls
Responsive navigation and footer
Complete Next.js project included

The ZIP includes the complete project, setup notes and an untouched upstream archive in .podie/upstream-source.zip. Extract it, run npm install, then npm run dev. The component installer adds a scoped React entry point to an existing project.

Source and attribution

Created by SolaceUI. Original repository. MIT notices are retained. Source revision: 75ea2e4077bba65d7fdae6df679eb6fe2a30b70c.