[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10107":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":37,"readmeContent":38,"aiSummary":39,"trendingCount":15,"starSnapshotCount":15,"syncStatus":40,"lastSyncTime":41,"discoverSource":42},10107,"tamagui","tamagui\u002Ftamagui","Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.","https:\u002F\u002Ftamagui.dev",null,"TypeScript",14025,601,46,72,0,3,14,67,11,43.34,"MIT License",false,"main",[25,26,27,28,29,30,31,32,33,34,35,36],"atomic-css","css-in-js","optimizing-compiler","react","react-native","react-native-web","tailwind","typescript","ui","ui-components","vite","webpack","2026-06-12 02:02:17","\u003Cdiv align=\"center\">\n  \u003Cpicture width=\"572px\">\n    \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fgithub.com\u002Ftamagui\u002Ftamagui\u002Fraw\u002Fmain\u002Fcode\u002Ftamagui.dev\u002Fpublic\u002Flogo-black.png\">\n    \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fgithub.com\u002Ftamagui\u002Ftamagui\u002Fraw\u002Fmain\u002Fcode\u002Ftamagui.dev\u002Fpublic\u002Flogo-white.png\">\n    \u003Cimg alt=\"Shows a black logo in light color mode and a white one in dark color mode.\" src=\"https:\u002F\u002Fgithub.com\u002Ftamagui\u002Ftamagui\u002Fraw\u002Fmain\u002Fcode\u002Ftamagui.dev\u002Fpublic\u002Fsocial.png\">\n  \u003C\u002Fpicture>\n\u003C\u002Fdiv>\n\n\u003Ch3 align=\"center\">\n  Style library, design system, composable components, and more.\n\u003C\u002Fh3>\n\n\u003Ch4 align=\"center\">\n  Tamagui is a bunch of libraries for building UIs that share code across React and React Native.\n\u003C\u002Fh4>\n\n\u003Cbr \u002F>\n\n\u003Cdiv align=\"center\">\n  \u003Cimg alt=\"NPM downloads\" src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdw\u002F@tamagui\u002Fcore?logo=npm&label=NPM%20downloads&cacheSeconds=3600\"\u002F>\n  \u003Cimg alt=\"Commits per month\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fcommit-activity\u002Fm\u002Ftamagui\u002Ftamagui?label=Commits&logo=git\" \u002F>\n  \u003Cimg alt=\"Discord users online\" src=\"https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F909986013848412191?logo=discord&label=Discord&cacheSeconds=3600\" \u002F>\n  \u003Ca href=\"https:\u002F\u002Fgurubase.io\u002Fg\u002Ftamagui\">\n    \u003Cimg alt=\"Gurubase\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGurubase-Ask%20Tamagui%20Guru-006BFF\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fdiv>\n\n\u003Cbr \u002F>\n\u003Cbr \u002F>\n\n- `@tamagui\u002Fcore` - Universal style library for React.\n- `@tamagui\u002Fstatic` - Optimizing compiler that works with `core` and `tamagui`.\n- `tamagui` - UI kit that adapts to every platform.\n\n\u003Cbr \u002F>\n\n**See [tamagui.dev](https:\u002F\u002Ftamagui.dev) for documentation.**\n\nTamagui lets you share more code between web and native apps without sacrificing the two things that typically suffer when you do: performance and code quality.\n\nIt does this with an optimizing compiler that outputs platform-specific optimizations - it turns styled components, even with complex logic or cross-module imports, into a simple `div` alongside atomic CSS on the web, or a View with its style objects hoisted on native.\n\nThe entirety of Tamagui works at compile time and runtime, and can be set up gradually, with initial usage as simple as importing it and using the base views and styled function.\n\nWe recommend checking out the starters with `npm create tamagui@latest`, they range from a simple learning example to a production-ready monorepo.\n\nThe compiler optimizes most and ultimately flattens a majority of styled components. In the [~500px² responsive browser section](https:\u002F\u002Ftamagui.dev) of the Tamagui website, 49 of the 55 or so [inline styled components](https:\u002F\u002Fgithub.com\u002Ftamagui\u002Ftamagui\u002Fblob\u002Fmain\u002Fcode\u002Ftamagui.dev\u002Fcomponents\u002FHeroResponsive.tsx) are flattened to a `div`. The homepage gains nearly 15% on Lighthouse with the compiler on.\n\n[Learn more on the website](https:\u002F\u002Ftamagui.dev\u002Fdocs\u002Fintro\u002Fintroduction).\n\n---\n\n## Contributing\n\nTo contribute to Tamagui reference the [contributing guide](https:\u002F\u002Fgithub.com\u002Ftamagui\u002Ftamagui\u002Fblob\u002Fmain\u002FCONTRIBUTING.md).\n\nTo contribute to documentation, see the docs source in `code\u002Ftamagui.dev\u002Fdata\u002Fdocs\u002F`.\n","Tamagui 是一个用于在React和React Native之间共享代码构建UI的库集合。它提供了一个通用样式库、优化编译器以及适应各种平台的UI组件包，支持原子化CSS和CSS-in-JS风格开发，并且能够通过其优化编译器显著提升应用性能与加载速度，同时保持良好的代码质量。适合需要跨平台（Web及移动端）开发但又不希望牺牲用户体验或增加额外维护成本的场景使用。",2,"2026-06-11 03:26:35","top_topic"]