tailwindjs

Tailwind as Javascript functions for intellisense and type safety

Summary

TailwindJS is a Javascript/Typescript library that exposes TailwindCSS classes as Javascript objects.

TailwindJS exposes:

  • All TailwindCSS utilities as simple constants, e.g. h_10 => h-10
  • All TailwindCSS modifiers as functions, e.g. dark(bg_stone_900) => dark:bg-stone-900

Additionally TailwindJS provides:

  • Arbitraries - e.g. h_arb("30rem")
  • Helpers - e.g. negative values (neg), class name joiner (classNames).

Tech

  • typescript
    • tailwindcss

      Platforms

      • Web
      /images/projects/tailwindjs/tailwindjs-01.gif
      /images/projects/tailwindjs/tailwindjs-01.jpeg
      © 2024 Jonathan Conway