Blueprint
App Launch
Launch website for a mobile app: a home page with a phone mockup hero, rotating headline and store badges, a feature bento and a testimonial wall; features with tabs and a comparison; pricing with a monthly or annual switch; a waitlist page with a queue position counter, referral link, invites and reward tiers; a changelog with type filters; and a download page with platforms and store ratings.
- Screens
- 7
- Framework
- Next.js App Router · React 19 · Tailwind CSS 4 · shadcn/ui
- Variants
- Radix UI and Base UI
- Install
- One command, every screen
What is implemented
- The App Router routes above, each composed from catalog components. Interactive UI states such as menus, dialogs, filters and tabs work as in the viewer.
- Sample data that ships with each component, so the screens render without a backend.
- Light and dark themes.
What you supply
- Your data: API routes or a backend in place of the sample data. No backend is included.
- Authentication and authorization.
- Persistence: database, file storage and any server-side state.
- Business rules and server-side validation.
Install
Radix UI project
npx shadcn@4.17.0 add @agentic-ui/blueprint-app-launchChecked: installs and builds in a clean Next.js project.
Base UI project
npx shadcn@4.17.0 add @agentic-ui/blueprint-app-launchChecked: installs and builds in a clean Next.js project.
Your project must be connected to the private registry first: installation guide.
Components it uses
- Site ShellApp Launch Shell
- HomeApp Launch Home
- FeaturesApp Launch Features
- Pricing PageApp Launch Pricing
- WaitlistApp Launch Waitlist
- ChangelogApp Launch Changelog
- DownloadApp Launch Download
- Not FoundApp Launch Not Found
- Device MockupMotion Device Mockups
- Waitlist FormMarketing Hero Waitlist
- Referral ShareMarketing Referral Share
- Store BadgesMarketing Store Badges
- Testimonial WallMarketing Testimonial Wall
- Pricing PlansMarketing Pricing
- Release NotesMarketing Changelog
- App DownloadMarketing App Download