Introduction
A practical guide to UI libraries and starter patterns for Capacitor apps.
Capstart Components is a catalog of libraries and patterns for building Capacitor apps that keep the product UI in the web layer while adding native interface surfaces only where they improve the mobile experience.
Use these pages to understand what each component does, when it is useful, and how it fits into a Capacitor app where your web framework keeps owning routes and content.
Getting Started
Components
Transitions
Framework-agnostic page transitions for Capacitor apps.
Native Bar
Navbar, tabbar, safe areas, and native transitions over a Capacitor WebView.
Advanced Surfaces
Live Activities
iOS Live Activities and Dynamic Island surfaces driven from a Capacitor app.
Widget Kit
WidgetKit and Live Activity surfaces with SVG templates or full-native state sync.
Auth & Monetization
Social Login
Native Google, Apple, Facebook, Twitter, and OAuth2 login for Capacitor apps.
Supabase Auth
Connect Capgo Social Login provider tokens to Supabase Auth.
Native Purchases
In-app purchases and subscriptions using StoreKit and Google Play Billing.
RevenueCat
Hosted purchase backend, entitlements, subscriptions, and analytics for Capacitor apps.
How To Use This Catalog
Start with Installation if you are creating a new app from scratch. It gives you a simple baseline with Vite React, Capacitor, shadcn/ui, useful Capacitor plugins, live reload, and screen transitions.
Then add components only when they solve a real mobile problem. Some apps only need Tailwind and a few Capacitor plugins. Others benefit from native surfaces, platform-aware transitions, or a native app frame.
Each component page should explain what the component does, when to use it, how to install it, and provide a minimal example ready to adapt.