Twigwind Version History

Version 4.0.0 January 16 2026

🚀 Major Features

  • Revised the core framework for improved performance and scalability
  • Introduced new configuration system for extending functionality
  • Enhanced build process with support for modern JavaScript features

✨ Improvements

  • Optimized CSS
  • Refined color system with additional variants
  • Reviewed fixed all bugs

🐛 Bug Fixes

  • Fixed `pushcss()` function bug
  • Fixed build process issues
  • Resolved CSS generation issues
  • Improved error handling and logging

Version 3.5.1 December 23 2025

🐛 Bug Fixes

  • Fixed animation keyframe generation issue
  • Resolved layout utility conflicts with existing classes
  • Improved responsive design handling for custom breakpoints

✨ Improvements

  • Enhanced animation performance with optimized keyframe handling
  • Improved layout utility documentation with additional examples
  • Refined responsive design features for better mobile compatibility

🚀 New Features

  • Added new animation presets for common effects (fade, slide, bounce)
  • Introduced layout utilities for CSS Grid areas and named lines
  • Implemented config files for better configuration management

Version 3.5.0 December 21 2025

🚀 New Features

  • Introduced advanced animation utilities with keyframe support
  • Added new layout utilities for CSS Grid and Flexbox enhancements
  • Implemented responsive design features with custom breakpoints
  • Error support for invalid twigwind values

Version 3.4.10 December 20 2025

🐛 Bug Fixes

  • Fixed gradient color variant parsing issue
  • Fixed filter issues
  • Fixed various bugs in <twigwind> tags
  • Resolved CSS variable scoping bug in <twigwind> tags

Version 3.4.9 December 5 2025

🐛 Bug Fixes

  • Fixed gradient color variant parsing issue
  • Fixed filter issues
  • Fixed various bugs in <twigwind> tags

Version 3.4.8 December 4 2025

🐛 Bug Fixes

  • Fixed gradient color variant parsing issue
  • Resolved CSS variable scoping bug in <twigwind> tags

🚀 New Features

  • Added support for custom color variants in gradients (e.g., gradient-to-r-red-3-blue-6)
  • Now supports filters for shadows, backdrop and regular

✨ Improvements

  • Improved documentation with additional examples for the RGB array color system

Filters

<!-- Basic filter syntax -->
<div class="filter:blur-5px">Blurred element</div>
<div class="filter:brightness-150">Bright element</div>
<div class="filter:grayscale-100">Grayscale element</div>

<!-- Background filters -->
<div class="bg-filter:blur-10px">Background blur</div>
<div class="backdrop-filter:blur-20px">Backdrop blur</div>

Version 3.4.7 December 2 2025

🚀 Major Features

  • RGB Array Color System - Revolutionary new color system with 10 variants per color family (red-0 to red-9)
  • Advanced Gradient System - Enhanced gradients supporting numbered color variants (gradient-to-r-red-2-blue-7)
  • CSS Variables Support - Full CSS variables integration with @varname syntax in <twigwind> tags
  • Predefined CSS Integration - Seamless integration with predefined CSS utilities from src/css.css
  • Enhanced Build System - Improved build system with better path resolution and global npm support

🎨 Color System Overhaul

  • 11 Color Families - red, orange, yellow, lime, green, spring, cyan, blue, indigo, violet, grey
  • 10 Variants Each - Each color family provides variants 0-9 from darkest to lightest
  • Smart Defaults - Using just color name (e.g., 'red') defaults to variant 5 (middle value)
  • Precise Control - Use specific variants like red-3 for dark red or red-8 for light red
  • Gradient Integration - Mix different variants in gradients for smooth color transitions

✨ Framework Improvements

  • Enhanced Documentation - Complete rewrite of color documentation with live examples
  • Better Error Handling - Improved debugging with comprehensive console logging
  • Performance Optimization - Faster CSS generation and reduced memory usage
  • Dark Theme Integration - Seamless dark/sleek styling with predefined utilities

🔧 Technical Changes

  • Refactored twColor() function to support RGB array system
  • Enhanced twLinearGradient() function for numbered color variants
  • Fixed CSS variables parsing in TagHandler() function
  • Improved formatColor() function for RGB array conversion
  • Updated build system with proper CommonJS compatibility

New Color System Example

<!-- Basic color usage -->
<div class="bg-red color-white">Default red (red-5)</div>
<div class="bg-red-2 color-red-8">Dark red with light text</div>

<!-- Advanced gradients -->
<div class="gradient-to-r-blue-1-cyan-7">Blue to cyan gradient</div>

<!-- CSS Variables -->
<twigwind>
  @primary: { #3b82f6 }
  @secondary: { #10b981 }
</twigwind>

Version 3.3.7 November 16 2025

🚀 New Features

  • Improved CLI error handling
  • Better documentation for new features
  • Better twigwind CLI integration
  • Improved performance for large projects
  • Twigwind's object model feature added

Version 3.3.6 November 14 2025

🚀 New Features

  • Added CSS compression utilities
  • Improved CLI error handling
  • Better documentation for new features
  • Better twigwind CLI integration

Version 3.3.5 November 10 2025

🐛 Bug Fixes

  • Fixed the CLI Errors
  • Improved error messages for missing files
  • Resolved build process issues on MacOS
  • Fixed CSS generation for the twigwind tag manager
  • supports CSS compression utilities

Version 3.3.4 November 9 2025

🚀 New Features

  • CSS Shortcuts System - Revolutionary new way to define reusable components using CSS-like syntax in <twigwind> tags
  • Enhanced Dark Mode - Complete dark mode implementation with dark: prefixes for all utilities
  • Advanced Position Utilities - Added fixed, absolute, relative, sticky, and z-index utilities
  • Animation Framework - Built-in animations with animate- prefix and custom keyframes
  • Typography System - Enhanced text utilities with text-center, font-weight, and size controls

✨ Improvements

  • Performance Optimization - Faster CSS generation and reduced bundle size
  • Better Error Handling - Improved error messages and debugging capabilities
  • Enhanced Documentation - Complete rewrite of documentation with interactive examples
  • Responsive Design - Better mobile support and responsive utilities

🔧 Technical Changes

  • Refactored TagHandler() function for better CSS shortcuts parsing
  • Added applyUtilityClass() function for centralized utility processing
  • Improved parsePrefix() function to handle complex selectors
  • Enhanced pushCSS() function with better selector generation

📚 Documentation Updates

  • Added comprehensive CSS Shortcuts guide
  • Updated Dark Mode documentation with examples
  • Created Typography documentation page
  • Enhanced Build System documentation
  • Added Runtime Management guide

🐛 Bug Fixes

  • Fixed CSS shortcuts parsing for complex selectors
  • Resolved dark mode toggle functionality
  • Fixed utility class generation edge cases
  • Corrected responsive breakpoint handling

CSS Shortcuts Example

<twigwind>
  card: {
    bg-white; dark:bg-gray;
    shadow-lg; border-radius-12;
    p-24; hover:transform-scale-102;
    transition-all-300ms;
  }
</twigwind>

<div class="card">Beautiful component!</div>