mandala

Take
out

Take
out

Take
out

Take
out

Monorepo

Icon

Screens

Icon

Themes

Icon

Stack

Icon

Assets

Icon

Profiles

Icon

The Stack

Template

Complete GitHub Template with a built-in bot to send PRs with updates.

01

Monorepo

Complete with Next.js, Vercel deploy, Expo and EAS.

01

Screens

Tab bar, Stack view, Onboarding, Auth, Profile, Edit Profile, Account, Settings, Feed + more, well crafted layouts to adapt to web/native.

08

Data & Auth

Supabase pre-configured with migrations, email and OAuth (Google + Apple) authentication, utilities, automatic setup and everything to get rolling immediately.

01

RPC

We've set up tRPC, which you can optionally use, that works alongside Zod to provide easy, type-safe APIs.

01

Icons

~180k icons in total across +150 different packs, integrated with your theme color and sizes, tree-shakeable, from iconify.design

+150

Fonts

All of Google fonts, more than +1500 font packages.

+1500

Themes

Two all new themes - Pastel and Neon - that bring a muted or more bright feel.

03

Deploy

Vercel and Expo EAS configured for you to ship as fast as possible.

05

Native

Tamagui native components like Sheet and Toast pre-configured, saving you setup and build.

03

Form

Universal forms with react-hook-form, ts-form and zod, adaptable components for the most native look on web and native.

01

Image Upload

Component and utilities for uploading images that adapt to the native image picker. Avatar upload with Supabase Storage + RLS included.

01

A nice way to start

Takeout is a bootstrap for making universal apps with React and React Native, extracted from our experience creating apps with Tamagui. It builds off the free and open source starter (npm create tamagui), adding Supabase for data and auth, screens and flows for a user system, profiles, settings, common screens, assets, and more.

With tamagui add font and tamagui add icon clone ~1,500 Google Fonts and 120 icones.js.org icon packs to your app as typed, Tamagui-styled components.

Monorepo

  • Well-isolated configuration.

  • Nearly all code shared between web and native.

  • Guided setup script, easily generate common patterns.

  • Icon

    Design

  • Complete design system with the new ThemeBuilder for easy customization.

  • Two new theme packs - Neon and Pastel.

  • Icon

    Deploy

  • Vercel + Preview Deploys.

  • Expo EAS + Expo Router.

  • Script that sets up both local and remote dev environments.

  • Icon

    Screens

  • Variety of screen types adapted to each platform.

  • Onboarding, auth, account, settings, profile, feed, edit profile.

  • Universal forms + zod validation.

  • Icon

    Assets

  • +150 icon packs, adapted to use themes, sizing, and tree shaking.

  • All of Google fonts, over +1500 packs.

  • Icon

    & More

  • Image upload and Supabase utils.

  • Reanimated, Solito, React Query, Zod & more

  • TakeoutBot ongoing updates.

  • Private Discord.

  • Icon

    TakeoutBot is a Github bot that sends PRs as we improve the starter. This is done with a few git commands, scripts and an architecture that tries to avoid the worst of merge conflicts.

    As you diverge we can't be perfect at sending updates, but we have an ignorefile you can configure, and if you diverge enough it's still a nice reference, as we ensure dependency upgrades work across all listed features.

    Here's some things we've been working or are planning:

    • Storybook

    • tRPC

    • Apple & Google OAuth

    • Screens + Components generators

    • Reanimated

    • Notifications

    • Maestro integration tests

    • Layout animations

    • Tamagui CLI: Doctor

    • Tamagui CLI: Upgrade

    • Playwright integration tests

    • Unified RN and web testing tools

    • Improved CI/CD and caching

    • Generator for MDX support

    • Generator for Replicache support

    • Generators for Expo Deep links

    • Generator for native modules

    • Million.js opt-in and configuration

    • Virtual lists, swipeable + sorting

    • Suggest more in the #takeout channel

    Gallery