tw-in-js/twind

Features

• Tailwind CSS Integration - Implements a Tailwind-compatible styling system for use within JavaScript frameworks and component libraries.
• Runtime Utility Compilers - Transforms Tailwind CSS utility classes into CSS at runtime in the browser without a build step.
• Utility Class Conversions - Transforms utility-first CSS classes into native styles during runtime execution.
• Runtime JIT Generators - Implements just-in-time CSS generation by analyzing DOM class names at runtime.
• Runtime - Transforms utility-first class names into CSS at runtime to enable styling without a build step.
• JavaScript Style Engines - Functions as a JavaScript engine that converts utility strings and theme configurations into optimized CSS.
• Utility-First Styling - Provides a utility-first styling workflow using atomic classes and customizable theme presets.
• CSS Build Tools - Scans source files at build time to extract utility classes into static CSS files for improved performance.
• Styling - Uses a modular system of predefined configuration objects to extend the styling language and themes.
• Theme Value Lookups - Resolves style properties by mapping utility tokens to values within a central JavaScript theme object.
• Utility Interpretation Extensions - Allows modifying utility class interpretation through custom themes, variants, and language extensions.
• Static Style Extraction - Generates static CSS files during the build process to eliminate runtime overhead and improve load times.
• Style Sheet Injection - Provides a mechanism to inject generated CSS directly into the document head independently of any JS framework.
• Theme Customization - Enables the definition of custom themes, variants, and rules to meet specific design requirements.

Star history