Fully-typed tailwind is here 🔮

[danpacho]

If you're a TypeScript developer, you've probably wondered at least once: Is tailwind typeless?

So I made a fully typed tailwind library!

const tailwindClass = "flex flex-row gap-2 items-center justify-center bg-gray-100 dark:bg-gray-900 p-2 m-2 rounded sm:rounded-sm sm:p-1 sm:m-1"

const becomes = wind({
    display: "flex",
    flexDirection: "flex-row",
    alignItems: "items-center",
    justifyContent: "justify-center",

    padding: "p-2",
    margin: "m-2",
    borderRadius: 'rounded',
    "@sm": {
        padding: "sm:p-1",
        margin: "sm:m-1",
        borderRadius: 'sm:rounded-sm',
    },

    backgroundColor: "bg-gray-100",
    "@dark": {
        backgroundColor: "dark:bg-gray-900",
    },
})

I'd love to hear your feedback and feature suggestions. Thank you🙂!