FeaturedFull-stackSecurity audited

ChatPDF
React Native template

Upload any PDF document and have intelligent AI-powered conversations about its content. Summarize, translate, extract key points, and edit documents — all from your phone.

7-day no-questions refund·Commercial use allowed
Built onReact NativeReact NativeExpoExpoTypeScriptTypeScriptNativeWindNativeWind
Every screen, designed

Production screens.
Light and dark.

Each flow vetted by senior designers. Each interaction motion-tuned with Reanimated. No AI-looking gradients.

All Screens

Everything else in the kit

Home — ChatPDF
Home
Upload PDFs and start chatting with AI
Chat — ChatPDF
Chat
Have intelligent conversations about your documents
Chat History — ChatPDF
Chat History
Browse previous conversations with your PDFs
Library — ChatPDF
Library
Browse and manage your document collection
PDF Viewer — ChatPDF
PDF Viewer
Read and annotate your PDF documents
Editor — ChatPDF
Editor
Edit documents with a rich text editor
Settings — ChatPDF
Settings
Customize your experience with dark mode
Sidebar — ChatPDF
Sidebar
Quick navigation and document management
Onboarding — ChatPDF
Onboarding
Beautiful onboarding flow for new users
Login — ChatPDF
Login
Secure authentication with multiple sign-in options
What’s in the box

Three production layers.
One repository.

01 · Frontend

React Native + Expo

  • Screens designed light & dark
  • NativeWind + Reanimated motion
  • Expo Router file-based nav
  • Push notifications wired
  • EAS build ready
02 · Backend

Vibecode DB

  • Supabase default · Drizzle/Neon adapters
  • Auth + storage + realtime + edge
  • RLS on every table
  • Schema + migrations + seed
  • Typed contracts at every boundary
03 · AI & integrations

BYOK AI + provider plug-ins

  • Provider-agnostic AI layer
  • Streaming + tool use + retries
  • Stripe SDK ready (where relevant)
  • Token accounting helpers
  • No keys in client bundle
Built for any agent

Hand the repo to
your agent.
Ship features in hours.

The architecture is mapped in CLAUDE.md, AGENTS.md, and .cursorrules so any agent — Claude Code, Codex, OpenCode, Cursor — knows where things live.

  • Slash commands shipped: /add-screen, /swap-backend, /audit-security
  • Payment + map + auth + AI providers behind abstractions
  • Domain logic documented as state machines and diagrams
  • Every API call has a typed contract and a test
Works withClaude CodeCodexOpenCodeCursorWindsurf
chat-with-pdf · agent session
any agent
$ claude
add a new feature to chatpdf
Reading CLAUDE.md
Mapping the architecture
Found provider abstractions
Reading RLS policies
Planning edits, migrations, tests
I’ll follow the existing patterns and add the feature with typed contracts, an RLS policy, and a test. Want me to proceed?
waiting…
context · 8 files read · 0 hallucinations · 1.2s
Every feature you’d expect

ChatPDF,
fully wired.

AI-Powered Chat

Have intelligent conversations with your PDF documents. Ask questions, get explanations, and explore content naturally.

Smart Summarization

Get instant summaries of lengthy documents. Extract key points and essential information in seconds.

Multi-Language Translation

Translate documents into 8+ languages including Spanish, French, German, Chinese, Japanese, and more.

Rich Document Editor

Edit documents directly with a powerful rich text editor. Format text, add headings, lists, and more.

Document Library

Organize and manage all your PDFs in one place. Search, filter, and access documents instantly.

Dark Mode

Beautiful dark theme that is easy on the eyes. Automatically adapts system alerts and all UI elements.

Merge & Split

Combine multiple PDFs or split documents by pages and sections with intelligent formatting preservation.

Secure & Private

Your documents are encrypted and never shared. Built with privacy-first architecture.

Security checklist · public

The audit we ship
with every release.

We don’t say “secure” and hope. Every release goes through a written checklist, and we ship the checklist with the code. Here’s what gets verified before a build leaves our hands.

Latest release · audited
by Shaper Studio security review
SECURITY-AUDIT.md
10 / 10 passing
  • No API keys in client bundlescanned
  • RLS policy on every tableall tables
  • Provider secrets in edge functions only
  • Webhook signatures verified
  • Rate limiting on auth + critical endpoints
  • PII fields encrypted at rest
  • File uploads in private buckets
  • Chat moderation on incoming messages
  • OWASP mobile top-10 reviewed
  • Dependencies pinned + npm audit clean
The honest math

~310 engineering
hours, already paid for.

A senior React Native engineer at $120/hr writing this from scratch — and getting security right — costs ~$37,000. ChatPDF is $79.

42h
Architecture & state machine
38h
Auth + verification flows
35h
Payment + checkout
28h
Realtime data + sync
32h
Backend schema + edge funcs
26h
AI integration + BYOK
45h
UI design + motion
64h
RLS, testing, audit
How it works

From repo to App Store in four steps.

  1. 01

    Purchase & Download

    Get the ChatPDF template and clone the repository to your local machine. Everything is set up and ready to go.

  2. 02

    Install & Configure

    Run npm install and configure your environment variables. Connect your AI backend and authentication provider.

  3. 03

    Customize & Brand

    Update colors, fonts, and content to match your brand. The centralized theme system makes this incredibly fast.

  4. 04

    Deploy & Launch

    Build for iOS and Android with Expo, submit to app stores, and start delighting your users with AI-powered PDF chat.

ChatPDF template saved us weeks of development time. The AI chat interface was exactly what we needed, and the dark mode implementation is flawless. Highly recommended for any team building document AI products.
Sarah Chen
Lead Mobile Developer · DocuTech
Pricing

One purchase. Yours forever.

Pick the license that matches how you ship.

7-day refundCommercial useLifetime updatesDiscord community
FAQ

Questions about the ChatPDF template

What is included in the ChatPDF template?
The template includes 14+ fully designed screens covering onboarding, authentication (email, Google, Apple), AI chat interface, PDF viewer, rich text editor, document library, settings with dark mode, and more. All built with React Native, Expo SDK 54, TypeScript, and NativeWind.
Does it work on both iOS and Android?
Yes! The template is built with React Native and Expo, ensuring full cross-platform compatibility. It runs natively on both iOS and Android with a single codebase, and includes platform-specific optimizations.
How do I integrate my own AI backend?
The template uses a clean separation between UI and data layers. Simply replace the dummy AI responses in the chat handlers with calls to your preferred AI API (OpenAI, Anthropic, etc.). The architecture makes integration straightforward.
Can I customize the theme and colors?
Absolutely. The template features a centralized theme system with full dark and light mode support. Change the primary color in one file and it propagates throughout the entire app. NativeWind (Tailwind CSS) makes styling changes quick and consistent.
Is authentication included?
Yes, the template includes complete authentication screens: login, signup, OTP verification, forgot password, and profile setup. It supports email/password, Google, and Apple sign-in flows ready for backend integration.
Do I get updates and support?
Yes, you receive all future updates to the template. We provide documentation and support to help you customize and deploy your app successfully.

Ship your chatpdf app
in days.

Production screens. Real backend. Security-audited. Your agent will thank you.

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.