跳到正文
前端学习导航站
English (语言)

推荐一个站点

填个名字和网址,提交后会在 GitHub 打开推荐页,确认后即完成推荐。

一套代码同时做 Web 和 App:跨端样式库+组件库,编译器优化,性能优先

内容更新日期 · 2026-09-14

What is it · 它是什么

什么是 Tamagui

Tamagui 是 React 与 React Native 的跨端方案:统一的样式系统、UI 组件和主题,自带优化编译器(原子 CSS 提取、树扁平化、死代码消除),官方称核心约 24KB 且零外部依赖;SSR/RSC 友好。核心开源免费,官方另售高级模板(Starter Kit、Bento)。用 React 做跨端产品选型时必看。

How to use · 怎么用

怎么用 Tamagui

  1. 从官方文档的配置向导起步,接入 Web 与 React Native 双端。
  2. 按需取用组件库,或只用样式层搭配自有组件。
  3. 预算敏感的团队先看 Pro 模板定价再决定取舍。

Key features · 核心特点

Tamagui 的核心特点

  • 一套样式与组件体系覆盖 Web + React Native
  • 优化编译器:原子 CSS 提取/树扁平化/死代码消除
  • 官方称核心约 24KB、零外部依赖,SSR/RSC 友好
  • 核心开源,高级模板付费

同类推荐

内容型网站的首选框架:默认零 JS,需要交互的地方才插 React/Vue 岛屿

全球最流行的前端框架:v6 开始 CSS-first 主题化、组件翻新,连 AI 助手都有专属文档