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.

    Tree Shakeable

    Optimized bundle sizes equal to Class Variance Authority and 50% less than Tailwind Variants.

    TypeScript Support

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

    Framework Agnostic

    All functions in Jade Garden generate strings, use wherever JavaScript can run.

    Generate CSS

    Add the unplugin-jade-garden package to expand portability of your design system.