A component library where every piece feels native because it is. iOS, Android, and Web from one codebase — styled with Tailwind, accessible by default.
Stop copying components between projects. Crossbits gives you a single production-ready component system that compiles Tailwind to native StyleSheet on iOS and Android, and real CSS on Web.
Tailwind className
on React Native. NativeWind v4 compiles to StyleSheet
on native, CSS on web.
import { Pressable } from 'react-native'; import { cva } from 'class-variance-authority'; import { cn } from '~/lib/utils'; const buttonVariants = cva( 'flex-row items-center justify-center rounded-full', { variants: { variant: { default: 'bg-primary', destructive: 'bg-destructive', outline: 'border border-input', }, size: { sm: 'h-9 px-4 text-sm', md: 'h-11 px-5 text-base', lg: 'h-14 px-6 rounded-2xl', }, } } ); // Works on iOS, Android & Web <Button variant="default" size="lg" label="Get Started" />