![Tamagui logo](/_next/image/?url=%2Fdirectory%2Ftamagui.png&w=96&q=75)
Tamagui
A style library designed to streamline the UI development process, catering specifically to React and React Native applications. It serves as a comprehensive toolkit that employs a large typed superset of the React Native style API, ensuring a lightweight and dependency-free experience at around 24KB.The core feature of this library is its smart optimizer that enhances application performance through partial analysis, extraction of CSS, tree flattening, and dead-code elimination. Additionally, it supports various modern development environments such as Webpack, Vite, Babel, and Metro, making it highly adaptable.The library includes a rich set of components that can be combined flexibly, ensuring they work well together on both web and mobile platforms. Its powerful styling system is coupled with an optimizing compiler that supports server-side rendering (SSR) by default, producing atomic CSS to ensure minimal and optimized bundle sizes. The styles can be themed and customized down to individual components, making it easy to implement responsive designs with dynamic styling options.Furthermore, the library incorporates support for universal animations, allowing developers to enhance their UI with engaging transitions and interactive elements without adding unnecessary complexity. The strong typing and theme functionality make it particularly suitable for larger applications where maintainability and scalability are key considerations.
Features
- Lightweight with no external dependencies
- Smart optimizer for improved performance
- Support for SSR and atomic CSS
- Rich set of cross-platform components
- Highly themeable styling system
- Responsive props and hooks for dynamic styling
- Universal animation support
- Extensive type support for inline styles and themes
- Compatibility with modern build tools like Webpack and Vite
Links
Stats
GitHub Stars12.0K
NPM Downloads84.7K/week
Details
Latest Version1.124.2
Created at10/16/2020
Updated at2/7/2025
LicenseMIT License
Related Items
![Preact logo](/_next/image/?url=%2Fdirectory%2Fpreact.png&w=64&q=75)
Preact
A fast alternative to React that retains modern functionality and minimal footprint for efficient web development.
![ChakraUI logo](/_next/image/?url=%2Fdirectory%2Fchakra-ui.png&w=64&q=75)
ChakraUI
Create accessible web applications quickly and efficiently with a robust set of essential components that are easy to use and highly customizable.
![cmdk logo](/_next/image/?url=%2Fdirectory%2Fcmdk.png&w=64&q=75)
cmdk
This component serves as a comprehensive command menu solution for React, focusing on both user experience and developer flexibility.
![daisyUI logo](/_next/image/?url=%2Fdirectory%2Fdaisy-ui.png&w=64&q=75)
daisyUI
This tool empowers developers to build beautiful user interfaces quickly and efficiently by providing semantic class names that streamline the development process.
![dndkit logo](/_next/image/?url=%2Fdirectory%2Fdndkit.png&w=64&q=75)
dndkit
A toolkit that enables developers to easily implement drag and drop functionality in their React applications.
![MagicUI logo](/_next/image/?url=%2Fdirectory%2Fmagic-ui.png&w=64&q=75)
MagicUI
A versatile collection of beautifully designed components to enhance your web projects and streamline your design process.