Jade Garden - Tools for developing with Headless Design SystemsJade Garden with LogoTools for developing with Headless Design Systems

Get the most out of building
your design system

    Stable

    Features that match Class Variance Authority and Tailwind Variants including enhancements.

    Performant

    Faster execution speed than Class Variance Authority and double than Tailwind Variants.

    Zero Dependencies

    Includes class utilities with similar functionality to clsx and optimized runtime performance.

    TypeScript Support

    Enjoy a fully typed development experience that enhances modularity of a design system.

    Framework Agnostic

    All functions in Jade Garden generate strings and can be used wherever JavaScript can run.

    Generate CSS

    Use unplugin-jade-garden to expand portability of your design system.