Tamagui Components

Tamagui Components is a complete suite of components that render nicely on both React web and React Native and come in both styled and unstyled forms.

Install

You can install each component separately, or all of them at once with:

yarn
npm
bun
pnpm
Copy
yarn add tamagui

Setup

The package tamagui is a superset of @tamagui/core, so if you’ve already installed core you can change all the references to tamagui.

You’ll need to add a provider to the root of your app (unlike core, where that is optional), as it will set up the root portal for components like dialogs and popovers.

import { createTamagui, TamaguiProvider } from 'tamagui'
import { View } from '@tamagui/tailwind'
import { defaultConfig } from '@tamagui/config/v6'

 // for quick config install this

const config = createTamagui(defaultConfig)
export default () => (
  <TamaguiProvider config={config}>
    <View />
  </TamaguiProvider>
)
Copy

For a full guide configuration with createTamagui, check the core configuration docs. For native setup, platform integrations, and the fast-path runtime, see the Native documentation.