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>

Create user

Name