Home
Feed

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Sign in

Search Hashnode

Search posts, tags, users, and pages

Discussion

Kavin Desi Valli

Fullstack Developer

Jan 25, 2023

Typewind: The magic of Tailwind combined with the safety of Typescript

Well, the people who've read my previous articles know how much I love type-safety, hence someone who loves the t3 stack. Here's Typewind, a typesafe and zero-runtime version of Tailwind CSS, a utility-first CSS framework that can be composed to buil...

livecode247.com5 min read

#tailwind-css #typescript #frontend-development #web-development

Responses2

Markdown supported · ⌘↵ to post

Serge ITinc

I think Typewind will have a sequel... Because it's been so long awaited. And this is just the beginning...

Bruno Prado

Work in progress

How can we create variants like Class Variance Authority?

Kavin Desi Valli

Fullstack Developer

Typewind works with CVA. Just use tw instead of tailwind and you should be good to go!

youtube.com/watch

Just replace the string classes with their tw equivalents.

Like bg-white text-text would be tw.bg_white.text_text