# Tamagui

> description: A vertically stacked set of interactive headings with content.

## Pages

- [Accordion](accordion.md): features={[
- [AlertDialog](alert-dialog.md): features={[
- [Anchor](anchor.md): features={['Supports SSR.', 'Works on native and web.', 'Accepts Tamagui style props.']}
- [Animations](animations.md): disableLinks
- [Avatar](avatar.md): features={[
- [Benchmarks](benchmarks.md): Tamagui compares well to the fastest libraries at runtime, and the compiler further optimizes your styled components,...
- [Button](button.md): features={[
- [Card](card.md): features={[
- [Checkbox](checkbox.md): value="styled"
- [Tamagui Compiler](compiler-install.md): The Tamagui Compiler significantly improves performance of both web and native
- [Quick Config](config-v4.md): Config v4 simplifies configuration, generates much more useful themes, and
- [Dialog](dialog.md): features={[
- [Other exports](exports.md): Let's take a quick look through some of the useful other exports in
- [FontLanguage](font-language.md): The`FontLanguage`component works with the Tamagui design system, allowing you to define custom fonts per-language.
- [Form](form.md): features={[
- [Group](group.md): features={[
- [Headings](headings.md): features={[
- [HTML Elements](html-elements.md): To assist in creating accessible web apps, the following components are exported, all mapping directly to DOM element...
- [Image](image.md): features={['Supports SSR.', 'Works on native and web.', 'Accepts Tamagui style props.']}
- [Input & Textarea](inputs.md): Using the same base component TextInput, from [React Native](https://reactnative.dev/docs/textinput) or [React Native...
- [Label](label.md): features={[
- [Linear Gradient](linear-gradient.md): features={[
- [ListItem](list-item.md): features={[
- [Lucide Icons](lucide-icons.md): yarn add react-native-svg @tamagui/lucide-icons
- [Input & Textarea](new-inputs.md): Using Web APIs and relying on bare Tamagui with no`react-native-web`depedency on web compared to old Input componen...
- [Popover](popover.md): features={[
- [Portal](portal.md): Portal is included in`tamagui`as it's used by a few components. For now, it's simply using [@gorhom/portal](https:/...
- [Progress](progress.md): features={[
- [RadioGroup](radio-group.md): features={[
- [ScrollView](scroll-view.md): features={[
- [Select](select.md): features={[
- [Separator](separator.md): Separator is already installed in`tamagui`, or you can install it independently:
- [Shapes](shapes.md): features={[
- [Sheet](sheet.md): features={[
- [Slider](slider.md): features={[
- [Spinner](spinner.md): features={[
- [View & Text](stack-and-text.md): View and Text are functionally equivalent to React Native`View`and`Text`, they just accept the superset of props t...
- [Stacks](stacks.md): features={[
- [styled()](styled.md): If you're looking for a full list of style properties accepted by Tamagui, see
- [Switch](switch.md): value="styled"
- [Tabs](tabs.md): features={[
- [Image](tamagui-image.md): features={[
- [Text](text.md): Text, Sized Text and Paragraph show one way to build a design system.
- [Theme](theme.md): The package`tamagui`is a superset of`@tamagui/core`. If you are using`tamagui`, be sure to
- [Toast](toast.md): features={[
- [ToggleGroup](toggle-group.md): features={[
- [Tokens](tokens.md): Tamagui lets you create tokens using`createTokens`, which is then passed to the`createTamagui`function as part of ...
- [Tooltip](tooltip.md): features={[
- [Unspaced](unspaced.md): While the`space`property is deprecated, Unspaced lives on in a better form, one which is easily back-ported to add ...
- [useMedia](use-media.md): Define your media rules in the media object of your`tamagui.config.ts`:
- [useTheme](use-theme.md): Access the current theme in context with`useTheme`. Tamagui themes operate much
- [Variants](variants.md): Variants allow for a nice balance between simplicity and power, with affordances
- [Visually Hidden](visually-hidden.md): VisuallyHidden hides an item but ensures it remains visible to accessibility readers.
- [The Frontend Trilemma](why-a-compiler.md): If you're developing a cross-platform app, you've committed to the **frontend