Full-stack React Native + Expo

React Native Templates
for the AI agent era!

Hand-crafted foundations, pre-installed with skills and slash commands. Works with Claude Code, Codex, OpenCode, and Cursor.

React Native + ExpoSkills + slash commandsSwappable backend0 leaked API keys100% TypeScript
~/taxi-booking · agent session
any agent
$ claude
add stripe checkout to the ride booking flow
Reading src/screens/booking.tsx
Reading supabase/functions/create-ride/
Found /lib/payments abstraction
RLS policy on rides verified
Planning 4 edits across 3 files
Following the existing payment provider pattern. No new dependencies needed.
applying changes…
src/screens/booking.tsx+18 −2
 12  import { useRide } from '~/lib/ride'
 13 + import { usePayments } from '~/lib/payments'
 14
 15  export function BookingScreen() {
 16    const { confirm } = useRide()
 17 +   const { checkout } = usePayments('stripe')
 18
 19    async function onConfirm() {
 20 -     await confirm()
 21 +     const intent = await checkout({
 22 +       amount: fare, currency: 'usd',
 23 +     })
 24 +     await confirm({ paymentIntent: intent.id })
 25    }
 26  }
Built on standards your team already trusts
React NativeExpo SDK 54TypeScriptVibecode DBSupabaseNativeWindClaude CodeCodexOpenCodeCursorWindsurfReanimated
The production gap

Agents need a foundation,
not a fresh canvas.

Code generation is the cheap part. Architecture, design, and security are still measured in weeks. We made those decisions. Your agent does the rest.

01 / Architecture

Architecture is hard.

Senior engineers spent weeks structuring each app so an agent can extend it without breaking it. Typed contracts, semantic file paths, isolated layers.

02 / Design

Design is harder.

Designers pixel-perfected every screen. Your agent inherits taste — spacing, motion, hierarchy, dark mode — not Tailwind soup.

03 / Security

Security is hardest.

Edge functions handle every secret. RLS policies reviewed line by line. Zero API keys in client bundles. We audited what your agent shouldn’t have to.

What you’re really buying

Four guarantees
on every app.

Not features. Not screens. The four things that determine whether your app survives contact with real users and real agents.

01
production

Battle-tested & secure

Each template is deployed, profiled, and stress-tested across iOS, Android, edge cases, and bad networks. Supabase RLS policies reviewed. Edge Functions wrap every secret. No exposed API keys, ever.

  • Penetration-tested auth flows
  • Row-level security on every table
  • Rate-limited edge endpoints
02
hand-crafted

Hand-crafted foundations

AI accelerated the build. Humans designed the foundation. Senior engineers chose the architecture, designers shaped every screen, security reviewed every endpoint — then Claude Code did the typing. The lines are fast; the foundations are deliberate.

  • Architecture by senior RN engineers
  • Designed and reviewed line by line
  • Decisions documented, not relitigated
03
design

Designer-vetted

Every screen pixel-perfected by senior product designers. Spacing systems, motion curves, typographic hierarchy, dark mode — the things AI still gets wrong are the things we got right.

  • Consistent design tokens
  • Reanimated motion language
  • Light & dark themes shipped
04
open-code

Agent-ready & open

Ships with skills, slash commands, and agent configs for Claude Code, Codex, OpenCode, and Cursor. Semantic file structure, typed contracts, every decision explained. Your agent picks up the codebase in one shot.

  • Pre-installed skills + slash commands
  • CLAUDE.md, AGENTS.md, .cursorrules
  • Zero black boxes — every line is yours
The catalog

10 full-stack apps.
One contract.

Frontend in React Native + Expo. Backend on Vibecode DB — Supabase by default, swappable. AI bring-your-own-key. Own the code forever.

Free – $149·lifetime updates
Weather App — React Native app template preview

Weather App

from $49

A customizable React Native weather app template with built-in authentication and ready-to-use screens.

View →
Fitness App — React Native app template preview

Fitness App

from $89

A full-stack fitness app template to build workout, nutrition, and progress-tracking apps fast.

View →
Taxi Booking App — React Native app template preview

Taxi Booking App

from $99

A full-stack React Native taxi booking app template to build ride-hailing apps faster.

View →
E Learning App — React Native app template preview

E Learning App

from $89

A full-stack React Native e-learning app template to build modern learning platforms fast.

View →
AI Calorie Counter — React Native app template preview

AI Calorie Counter

from $79

A full-stack React Native calorie tracking app template to build AI-powered nutrition apps fast

View →
Marketly — React Native app template preview

Marketly

from $59

Expo + TanStack Query multi-vendor marketplace template — vendors, categories, product grid, cart, and checkout out of the box.

exporeact-nativemarketplace
View →
Hearthstone — Real Estate Listings — React Native app template preview

Hearthstone — Real Estate Listings

from $49

Expo + Drizzle real estate template with listings, agent profiles, favorites, and tour scheduling.

exporeact-nativereal-estate
View →
AI Travel Planner — React Native app template preview

AI Travel Planner

from $49

AI-powered Expo travel planner with destination discovery, day-by-day itineraries, and saved trips.

exporeact-nativetravel
View →
Food Delivery App — React Native app template preview

Food Delivery App

from $49

Expo + React Native food-delivery template — cart, checkout, live order tracking, auth, addresses, dark mode.

exporeact-nativefood-delivery
View →
Restaurant Reservation App — React Native app template preview

Restaurant Reservation App

from $79

Expo + Drizzle restaurant-reservation template — auth, browse, book, review.

exporeact-nativedrizzle
View →
Short Video Social App — React Native app template preview

Short Video Social App

from $49

Expo + React Native + Vibecode DB short-video social template with vertical feed, comments, follows, hashtags, and a creator profile.

exporeact-nativesocial
View →
Chat & Messaging App — React Native app template preview

Chat & Messaging App

from $49

Expo + Vibecode DB chat starter — auth, conversations, calls, stories, and contacts across 19 screens.

exporeact-nativevibecode-db
View →
All-in-One Marketplace App — React Native app template preview

All-in-One Marketplace App

from $49

Expo + Vibecode DB marketplace template with browse, search, sell, chat, checkout, and order tracking across 19 screens.

exporeact-nativevibecode-db
View →
Pet Care & Tracker — React Native app template preview

Pet Care & Tracker

from $49

Expo + Vibecode template for a pet care app — pet profiles, activity logging (walks, feeding, play, grooming), health records, weights, memories, document vault and reminders. Auth, 4-tab nav, 26 screens, warm honey palette + chunky display font, light + dark.

exporeact-nativevibecode-db
View →
Period Tracker App — React Native app template preview

Period Tracker App

from $49

Expo + Drizzle period-tracking template with cycle ring home, calendar, mood/symptom logging, predictions, and articles — 24 screens, Flo-inspired design.

exporeact-nativedrizzle
View →

shopping-app-for-clothes

from $49

Expo + Supabase fashion e-commerce template — wishlist, cart, multi-address checkout, order tracking

exporeact-nativesupabase
View →

Fresh Pantry — Grocery Delivery App

from $49

Expo + Vibecode DB grocery delivery template with auth, cart, checkout, order tracking, addresses and payments.

exporeact-nativegrocery
View →
The agent moment

Open the repo.
Run a slash command.
Ship it.

Every template ships with skills, slash commands, and agent configs. Your agent doesn’t have to guess where things live — it just runs /add-screen or /swap-backend and follows a tested recipe.

  • Pre-installed skills + slash commands for common extensions
  • CLAUDE.md, AGENTS.md, .cursorrules all committed
  • Typed contracts at every API boundary
  • Documented architecture map, in plain English
Works with any agent
Claude CodeCodexOpenCodeCursorWindsurfRapidNative
taxi-booking / CLAUDE.md
# Taxi Booking — Architecture Map

## Layers
- app/          Expo Router screens
- components/   Designer-vetted UI primitives
- lib/payments/ Stripe-first, provider-agnostic
- lib/maps/     Mapbox + native geo helpers
- lib/ride/     Booking state machine
- supabase/     Schema, policies, edge funcs

## Conventions agents should follow
1. Every secret lives in an edge function.
2. Every table has an RLS policy in /policies.
3. Domain logic stays inside /lib, never in screens.
4. Add new providers under /lib/<domain>/providers.

## When you're asked to add a feature
→ Check CLAUDE.md first.
→ Run pnpm typecheck after.
→ Don't introduce a new state library.
Skills & slash commands

A toolkit your agent
already knows how to use.

Each template ships with skills and slash commands for the work agents do over and over. Tested recipes, not improvised guesses.

~/your-app/.claude/commands/
~/your-app/.codex/skills/
~/your-app/.opencode/
/add-screen
Scaffold a new screen with Expo Router, design tokens, and state wired up.
extend
/add-provider
Add a new auth, payment, map, or AI provider behind the existing abstraction.
extend
/swap-backend
Migrate Vibecode DB from Supabase to Drizzle, Neon, or your own backend.
migrate
/audit-security
Run the security checklist locally. Reports leaked keys, missing RLS, weak edge funcs.
verify
/rebrand
Walk the agent through tokens, logos, copy, splash screen, and app icon updates.
brand
/ship
EAS build + submit for iOS & Android with the right env, version, and store metadata.
release
Each command has a tested skill behind it. See the full toolkit →
The honest comparison

Vibecoded from scratch
vs. AppLighter + your agent.

Both ship code. Only one ships apps you can defend in a code review.

Concern
Vibecoded from scratch
AppLighter + agent
Architecture
Inconsistent, often broken under load
Senior-engineered, modular, typed
Security
API keys leaking from client bundle
Edge functions wrap every secret, RLS reviewed
Design
Generic, recognizably AI-shaped
Designer-vetted, distinctive, dark/light
Backend
Hallucinated schemas, missing migrations
Production Supabase, migrations, seeded
Agent extensibility
Agents drown in inconsistent patterns
Agents thrive — clean paths, CLAUDE.md, contracts
Time to MVP
Days of debugging the agent’s output
Hours of customization to your brand
Long-term ownership
You inherit a black box
Open code, documented decisions, yours forever
Three layers, one purchase

Full-stack means
actually full-stack.

01 · Frontend

React Native + Expo

iOS, Android, and web from one codebase. Designer-vetted screens. NativeWind for styling. Reanimated for motion.

  • · 20+ production screens
  • · Expo Router file-based nav
  • · Light & dark themes
  • · EAS-ready
02 · Backend

Vibecode DB

A swappable backend abstraction. Supabase by default — migrate to Drizzle, Neon, or your own with one slash command. No app code changes.

  • · Supabase, Drizzle, Neon adapters
  • · Auth + storage + realtime + edge
  • · RLS on every table
  • · Schema + migrations + seed
03 · AI

BYOK AI layer

Provider-agnostic abstraction. Swap OpenAI, Anthropic, or local models without rewriting features. Streamed responses, tool use, retries.

  • · Anthropic / OpenAI ready
  • · Streaming + tool use
  • · Token accounting helpers
  • · No keys in client
Who it’s for

For builders.
Not vibers.

AppLighter is a developer-first tool. If you’re non-technical, our sister product RapidNative wraps these same templates in a no-code visual builder.

Solo developers & indie hackers

If you’ve thought…

“Claude can generate this. Why am I paying $99?”

Because the next week of your life is debugging what Claude generated. Auth seams, payment edge cases, RLS gaps, the Expo build that won’t submit. AppLighter is the week back, plus a toolkit your agent uses to add what’s actually yours.

payback: < 1 day

Agencies & freelancers

If you’ve been asked…

“Can you ship a working demo by Friday?”

Your client doesn’t care which agent you used. They care that the demo works. Grab a template Monday, customize Tuesday, demo Wednesday. The Team license covers unlimited end-products; the toolkit lets juniors ship at senior speed.

margin: 5-10x billable

Startup teams

If you’re measuring…

“How many sprints to MVP?”

Your team has more agents than people now. Don’t spend agent cycles on auth, RLS, and payment plumbing — that’s solved. Spend them on what only you can do. A clean foundation amplifies every agent on your team.

runway: weeks → days
SS
Sanket Sahu
Founder, GeekyAnts · Architect, AppLighter
Creator
NativeBase
~25k GitHub stars
Creator
gluestack
Universal RN components
Founder
GeekyAnts
~14 years of RN delivery
Building
RapidNative
No-code on top of these
Architected by

Templates from someone
who’s shipped React Native
for a decade.

Every architecture choice in AppLighter comes from years of pain inside production React Native apps. The patterns that survived become the foundation; the ones that didn’t become the things we deliberately avoid.

You’re not buying templates a vendor generated last week. You’re buying the patterns a NativeBase / gluestack creator distilled from a decade of mobile delivery, wrapped in a toolkit your agent can run.

Builders shipping

Loved by people
who’ve seen the slop.

A client needed an AI product demo by Friday. Monday morning we grabbed the template, swapped branding, and shipped a working app in three days. Claude Code just got it.
Sanket Sahu
Sanket Sahu
Founder · GeekyAnts
From idea to App Store in under three weeks. Every component, every screen, every endpoint was already wired. Our agent did the rest.
Riya Sharma
Riya Sharma
Lead developer · FlyDash
Working MVP in beta within a week. The backend was wired up, secrets weren't leaking, and the design didn't scream “vibecoded”. That alone was worth it.
Rishav Kumar
Rishav Kumar
Lead developer · RapidNative
Questions worth answering

FAQ

Why buy templates if AI writes code now?
Because AI writes code, not architecture. AppLighter ships the things AI still gets wrong: layered architecture, security posture, designer-grade UI, and a codebase your agent can confidently extend. You’re paying for the foundation, not the lines.
Which coding agents does this work with?
Every repo ships with CLAUDE.md, AGENTS.md, .cursorrules, and agent-specific skills + slash commands. Works first-class with Claude Code, Codex, OpenCode, Cursor, and Windsurf. Architecture map, typed boundaries, and naming conventions any agent picks up immediately.
Am I locked into Supabase?
No. The backend layer is Vibecode DB — a thin abstraction with adapters for Supabase (default), Drizzle, Neon, and others. Run /swap-backend and your agent migrates the schema, policies, and edge functions without touching app code.
Is the code really open?
Yes. No black boxes, no proprietary runtimes, no obfuscation. You get every file. Commercial use allowed. Lifetime updates. You can fork it, rebrand it, and ship it under your name.
What does “security-audited” actually mean?
Every Supabase table has a reviewed RLS policy. Every secret lives in an Edge Function, never in the client bundle. Auth flows are tested against common abuse patterns. We publish the audit checklist with each release.
How is this different from RapidNative?
AppLighter is for developers who want to own and extend code in their editor. RapidNative is for founders and PMs who want a visual builder. Same templates underneath. Different surface.
Lifetime updates, really?
Yes. One payment, all future updates to that template — including Expo upgrades, new screens, and security patches. No subscription, no seat tax.

Ship apps
in the agent era.

Browse 10+ full-stack templates. Designer-vetted. Security-audited. Lifetime updates. 7-day refund.

no subscription · own the code · made by shaper studio

Stay Updated on the Latest UI Templates and Features

Be the first to know about new React Native UI templates and kits, features, special promotions and exclusive offers by joining our newsletter.