typewindDocumentationDocumentation
GitHubGitHub (opens in a new tab)
  • Introduction
  • Installation
  • Usage
    • Normal Usage
    • Modifiers
    • Important Modifier
    • Arbitrary Values
    • Arbitrary Variants
    • Container Queries
  • Transpilers
    • Babel
    • SWC
    • Rspack
  • Examples
    • Vite
    • NextJS
  • Advanced
    • Configuration
    • Escape Hatch
    • Custom Config File Path
    • Rem to Px
  • Documentation
    • Introduction
      • Introduction
      • Tailwind CSS
      • Acknowledgements
    • Installation
    • Usage
      • Normal Usage
      • Modifiers
      • Important Modifier
      • Arbitrary Values
      • Arbitrary Variants
      • Container Queries
    • Transpilers
      • Babel
      • SWC
      • Rspack
    • Examples
      • Vite
      • NextJS
    • Advanced
      • Configuration
      • Escape Hatch
      • Custom Config File Path
      • Rem to Px

On This Page

  • Introduction
  • Tailwind CSS
  • Acknowledgements
Question? Give us feedback → (opens in a new tab)Edit this page
Documentation
Introduction

Typewind

Introduction

Typewind logo

Typewind is a typesafe and zero-runtime version of Tailwind CSS, a utility-first CSS framework that can be composed to build any design, directly in your markup.

Tailwind CSS

Typewind is built on top of Tailwind CSS. For more information on Tailwind CSS, please visit their documentation (opens in a new tab).

Acknowledgements

  • Colin McDonnell (opens in a new tab)

    This project was was inspired by Colin's tweet (opens in a new tab) on what tailwind with type safety and proper autocompletion would look like.

Installation

MIT 2023 © Mokshit Jain.
Powered by