Claude CodeCursorExpo

React Native templates built for vibe coding

Stop prompting Claude Code or Cursor to build a mobile app from scratch. Every Expo template ships with CLAUDE.md and Cursor rules, so your AI assistant knows the components, theme and navigation before your first prompt.

DeveloperDeveloperDeveloperDeveloper
Trusted by 800+ developers

Blank front-end starter to a flight booking app in under 5 minutes with Claude Code.

Works with

Claude CodeCursorOpenAI CodexGemini

Claude Code and Cursor read the rules automatically. GitHub Copilot, Codex, Gemini CLI, Windsurf or any agent that can read files can be pointed at CLAUDE.md.

AI is great at writing code. It is bad at making decisions.

Ask Claude or Cursor to build a React Native app from an empty project and it has to make hundreds of small decisions: styling approach, component structure, theming, file layout. It makes them differently on every prompt. The code works, then turns into a mess on the second feature.

Blank project

npx create-expo-app, then prompt

  • Styling picked per file: StyleSheet here, Tailwind classes there.
  • Every screen gets its own button, card and header. Screen ten looks nothing like screen one.
  • Dependency drift: two date pickers, two icon libraries, a backend you did not ask for.
  • Dark mode bolted on at the end, touching every file.
  • Code targeting an older Expo SDK the model learned from, hitting deprecations.
Native Templates

Clone a template, then prompt

  • One styling system, NativeWind v4, used in every file the AI can see.
  • A component library that already exists. The AI reuses Header, Card and ListLink instead of inventing them.
  • Rules that say what is not included, so nothing gets installed on a whim.
  • Light and dark theme from day one. New screens inherit it.
  • Expo SDK 57 stated in CLAUDE.md, verified on the current Xcode. Starts from a project that compiles today.

The first 100,000 tokens are already written

Before an agent gets to your idea it has to build the base: navigation, theme, components and the screens every app needs. That costs tokens to generate and your time to review. A template is that base, finished. This is what a typical one contains.

~12,600
lines of TypeScript
9,300 to 16,100 per template
~110
source files
75 to 122 screens, components and hooks
~110k
tokens of code
80k to 135k per template
Code the agent writes before your first feature
~110,000 output tokens, if every file is right on the first try
0. It is already in the repo
What the agent reads to learn the conventions
The files it wrote earlier, again in every new session
CLAUDE.md, about 5,000 tokens
Retries on styling, theming and navigation
A new prompt every time a screen drifts from the last one
Rules and existing components keep screens consistent
Your time on the base app
100+ hours by hand. With an agent, prompting and reviewing ~110 files
Clone, install, run

Measured across the 18 React Native templates in the bundle, TypeScript source only, at roughly 4 characters per token. The token figure is a floor: an agent starting from an empty project also spends tokens re-reading its own code and fixing what it got wrong. Hours are an estimate for building the same screens by hand.

CLAUDE.mdCursor rules

What is in CLAUDE.md

Every template has a CLAUDE.md at the project root and the same rules for Cursor. Claude Code reads it at the start of every session. It is about 300 lines and it is the reason the tenth screen looks like the first.

CLAUDE.md
# CLAUDE.md (excerpt)

## Stack
Expo SDK 57 · React Native · Expo Router (drawer + tabs)
NativeWind v4 · Lucide icons · TypeScript
Not included: backend, auth provider, i18n.
Data is local mock content.

## Critical rules
1. Always use ThemedText for text.
2. Never hardcode colors. Use theme classes (bg-background,
   text-subtext, bg-highlight) or useThemeColors() for JS.
3. Check /components before creating a new one.
   Table: "UI need -> component to use".
4. Always use CardScroller for horizontal scrolling.
5. Every screen gets a Header. Nested screens get showBackButton.
6. Use the shadow utility, not inline shadow styles.

## Before you finish
- npx tsc --noEmit passes
- npm run lint passes
- Works in light and dark mode
- No hardcoded colors, no duplicate components

From idea to shipped app, with AI doing the heavy lifting

This is how a real session goes with Claude Code. Cursor is the same idea in a different window.

1

Pick the closest template

Ride sharing, food delivery, ecommerce, booking, social feed, AI chat and more. Building something new? Start from the Front-End Starter: the component library and navigation shell without a specific app on top.

2

Clone, run, then start the agent

Tap through the app once so you know what is there. Then start Claude Code in the project root. It reads CLAUDE.md before you type anything.

git clone <your-template-repo> my-app
cd my-app && npm install
npx expo start
claude
3

Ask for one screen at a time

Name the file location, the components to reuse, the data source and the entry point. The agent has nothing to guess.

Add a "Favorites" screen under app/screens that lists
the user's saved products. Reuse the Card component and
the existing mock products. Add a heart icon to the Header
on the product detail screen that navigates to it.
Follow the conventions in CLAUDE.md.
4

Verify, commit, next screen

Run the checklist from CLAUDE.md, open light and dark mode, read the diff. Small commits per feature mean you can throw one away when the agent goes sideways.

npx tsc --noEmit
npm run lint
git commit -am "Add favorites screen"

Want the long version with the prompts that work and the ones that do not? Read the guide to starting a React Native app with Claude Code or Cursor.

20+ production-ready templates. All AI-ready.

Every template in the bundle includes the same foundation.

20 to 40+ screens

Complete flows with real interactions, not empty placeholders.

Expo Router

File-based navigation with drawer, tabs and nested stacks set up.

Dark and light mode

Theme classes and a colors hook. New screens inherit it.

NativeWind v4

Tailwind classes throughout. One styling system the AI can copy.

TypeScript everywhere

Typed props and data, so the checklist catches mistakes.

CLAUDE.md + Cursor rules

Codebase documentation written for agents, in every template.

Expo SDK 57

Built and verified on the current Xcode. Compiles before your first prompt.

Any AI tool

Claude Code, Cursor, Copilot, Codex, Gemini CLI, Windsurf.

Built by developers who ship with AI

X
Jake
Developer
It took all of 3 minutes to give functionality to your hardcoded stuff. Gonna unlock so much imagination!
X
Jake
Developer
I can make complex apps with amazing functionality but my UI skills are lacking. Just bought a template with the form I am looking for from @ThominoDesign and am ready to cook up my most ambitious project yet.
X
Temple Ajuzie
Developer
Having mobile app components that one can easily plug in is super amazing.
X
Shubham
Founder
Bought it. Loved the designs. Probably launch something soon
X
Ashish
Engineer
Super cool! Real-world React Native templates are always in demand.
X
Bryce
Engineer
Nice templates, and reasonably priced.

Pick your starting point

Every template below ships with CLAUDE.md and Cursor rules. Buy one, or get all of them for $119.

Drivo React Native Ride Sharing App template
Drivo

Ride Sharing App

$99.00
Buy now
Foody React Native Food Delivery App template
Foody

Food Delivery App

$99.00
Buy now
Luna React Native AI Wrapper App template
Luna

AI Wrapper App

$99.00
Buy now
Propia React Native Booking App template
Propia

Booking App

$99.00
Buy now
Velora React Native Ecommerce App template
Velora

Ecommerce App

$99.00
Buy now
Feedy React Native Social Media App template
Feedy

Social Media App

$99.00
Buy now
Multia React Native Marketplace App template
Multia

Marketplace App

$99.00
Buy now
Courso React Native Online Courses App template
Courso

Online Courses App

$99.00
Buy now
Walley React Native Wallet App template
Walley

Wallet App

$99.00
Buy now
Caloria React Native Fitness App template
Caloria

Fitness App

$99.00
Buy now
Macha React Native Dating App template
Macha

Dating App

$99.00
Buy now
Evento React Native Event Booking App template
Evento

Event Booking App

$99.00
Buy now
Zen React Native Meditation App template
Zen

Meditation App

$79.00
Buy now
Sneaky React Native Online Shop template
Sneaky

Online Shop

$79.00
Buy now
Picaso React Native AI Image App template
Picaso

AI Image App

$79.00
Buy now
Junky React Native AI Recipe App template
Junky

AI Recipe App

$79.00
Buy now
Fronty React Native Front-end Starter template
Fronty

Front-end Starter

$79.00
Buy now
Noty + Boilerplate React Native 2 Apps with backend template
Noty + Boilerplate

2 Apps with backend

$109.00
Buy now
Uni React Native Uniwind Starter template
Uni

Uniwind Starter

$79.00
Buy now
Free React Native Free Expo Playground template
Free

Free Expo Playground

One payment. Every template.

Lifetime access, no subscription. Use the templates in as many apps as you want, and keep your tokens for the features that make each one yours.

NativeWind Bundle

All current and future NativeWind templates for solo builders.

$119USD

One-time payment · Lifetime access

  • 18 React Native templates + 2 Next.js templates
  • All future templates included automatically
  • Built with Expo SDK, NativeWind v4, TypeScript
  • CLAUDE.md for every template
  • Cursor rules included
  • MCP server for Claude Code, Cursor & Codex
  • GitHub repository access
  • Commercial license
  • Use in unlimited projects
  • Lifetime updates
  • Email support
Get NativeWind Bundle
Best value

Mega Bundle

Every NativeWind and Uniwind template, in one payment.

$149USD

One-time payment · Lifetime access

  • Everything in NativeWind Bundle
  • All Uniwind templates included
  • All future Uniwind templates automatically
  • Two complete styling systems
  • CLAUDE.md for every template
  • Cursor rules included
  • MCP servers for both libraries (2 license keys)
  • GitHub repository access
  • Commercial license
  • Use in unlimited projects
  • Lifetime updates
  • Email support
Get Mega Bundle
VisaMastercardAmexApple PayGoogle Pay

Secure checkout via Polar

Vibe coding FAQ

Got questions? Please contact me on Email

Claude Code reads CLAUDE.md automatically at the start of every session, and Cursor picks up the .cursor/rules equivalent. Any other agent that can read files in your project, such as GitHub Copilot, Codex, Gemini CLI or Windsurf, works too. Point it at CLAUDE.md in the project root or reference the file in your first prompt.

About 300 lines: the stack with exact versions, what is deliberately not included, a folder map, critical rules with correct and incorrect code samples, a table of which component to use for which UI need, one canonical screen layout, and a checklist to run before finishing. Cursor rules cover the same content in Cursor's format.

A typical template is about 12,600 lines of TypeScript in roughly 110 files, which is around 110,000 tokens of code (80,000 to 135,000 depending on the template) that your AI agent does not have to generate. That is a floor, because an agent starting from an empty project also spends tokens re-reading its own code and fixing mistakes. Built by hand, the same screens are an estimated 100+ hours of work. CLAUDE.md is about 5,000 tokens, so the agent learns the conventions without reading the whole codebase.

Basic JavaScript or TypeScript helps. The templates compile and run before you write a prompt, and the rules keep the AI inside the existing components and theme, so most of the implementation can be done by describing what you want and reviewing the diff.

All templates are on Expo SDK 57 with the latest Expo Router, NativeWind v4 and TypeScript, and they are built and verified on the current Xcode. The stack is stated in CLAUDE.md so the AI targets the right APIs instead of the older conventions it learned from.

No. Clone the template, run npm install and npx expo start, then open it in Expo Go on your phone over your local network. A Mac with Xcode is only needed when you want a native iOS build or the App Store.

Yes. One purchase covers unlimited personal and commercial projects. You cannot resell or redistribute the templates themselves.

Yes. The free template is real code, not a demo. Clone it, open it in Claude Code or Cursor and try a few prompts before buying anything. Open the free template.

Lifetime access to every current template, all future templates automatically, CLAUDE.md and Cursor rules in each one, all updates, and GitHub repository access. One payment of $119, no subscription. The Mega Bundle at $149 adds every Uniwind template.

Stop building from scratch. Start shipping.

One payment. Every template, every future template, CLAUDE.md and Cursor rules in each one. No subscription.

Get all templates for $119Try the free template