mandala

Take
out

Take
out

Take
out

Take
out

Monorepo

Icon

Design

Icon

Deploy

Icon

Themes

Icon

Screens

Icon

Assets

Icon

& More

Icon

Drop 0001

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

From idea to shipped in less timeĀ thanĀ ever.

Takeout is a bootstrap extracted from our experience creating and consulting on apps with Tamagui. It builds off the free and open source starter (npmĀ createĀ tamagui), adding Supabase for data and auth, all the flows for a user-based app, and a bunch of other goodies that take time toĀ setĀ upĀ well.

With npxĀ tamaguiĀ addĀ font and npxĀ tamaguiĀ addĀ icon, add on the ~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

    it's not all about shippingĀ fast.

    Takeout is a template repo that comes with a Github bot that sends PRs as we improve the starter. This is done with some git magic, scripting, and an architecture designed for easy merges. When we make significant updates, we trigger TakeoutBot to sendĀ aĀ PR.

    As you diverge we can't be perfect at sending updates, but we also have an ignorefile you can configure that gives you a lot of control. Ultimately, if you diverge enough, you can easily unplug and use it as a source of ideas and tips.

    We focus on staying up to date with recent versions and features that are universally useful. Here's some of the features we'd like to land:

    • 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