Twyled
Styled components with Tailwind ergonomics
🚧 Site is still under construction
<Box
bg="slate800"
color="white"
$dark={{ bg: "white", color: "black" }}
p="4"
rounded="lg"
>
<Title fontSize="lg" mb="4">Create user</Title>
<Flex mb="4" gap="2">
<Label fontSize="sm" fontWeight="bold">
Name
</Label>
<Input
defaultValue="Dusan"
p="2"
rounded="md"
border="1"
/>
</Flex>
<Flex gap="2">
<Button>Create</Button>
<Button variant="neutral">Cancel</Button>
</Flex>
</Box>