Tamagui is a universal UI kit for React Native and Web with an optimizing compiler.
Styled Components
import { styled, Stack, Text } from "tamagui";
const Card = styled(Stack, {
backgroundColor: "$background",
borderRadius: "$4",
padding: "$4",
variants: {
size: { sm: { padding: "$2" }, lg: { padding: "$6" } }
}
});
<Card size="lg"><Text>Hello</Text></Card>
Responsive + Animated
<Button size="$4" $sm={{ size: "$3" }} animation="bouncy" pressStyle={{ scale: 0.95 }}>
Click Me
</Button>
Key Features
- Universal — React Native + Web
- Optimizing compiler extracts to CSS
- Responsive breakpoint props
- Animation support
- Theme system with dark mode
Need to scrape or monitor web data at scale? Check out my web scraping actors on Apify or email spinov001@gmail.com for custom solutions.
Top comments (0)