Follow for free plugins, new theme releases and theme news
Plugin Description
Build beautiful websites faster by adding TailwindCSS utility classes to Gutenberg blocks.
Free plugin responsive utility classes:
- Margin [‘responsive’ ]
- padding [‘responsive’,’child’]
- Display [‘responsive’ ]
- Flex Basis [‘responsive’ ]
Pro plugin utility classes:
- Margin [‘responsive’ ]
- Padding [‘responsive’ ]
- Display [‘responsive’ ]
- Flex Basis [‘responsive’ ]
All the FREE utility classes PLUS
- accessibility [‘responsive’ ]
- alignContent [‘responsive’]
- alignItems [‘responsive’]
- alignSelf [‘responsive’]
- animation [‘responsive’]
- appearance [‘responsive’]
- backdropBlur [‘responsive’]
- backdropBrightness [‘responsive’]
- backdropContrast [‘responsive’]
- backdropFilter [‘responsive’]
- backdropGrayscale [‘responsive’]
- backdropHueRotate [‘responsive’]
- backdropInvert [‘responsive’]
- backdropSaturate [‘responsive’]
- backdropSepia [‘responsive’]
- backgroundAttachment [‘responsive’]
- backgroundBlendMode [‘responsive’]
- backgroundClip [‘responsive’]
- backgroundColor [‘responsive’, ‘hover’,’focus’,’group-hover’ ]
- backgroundImage [‘responsive’]
- backgroundOpacity [‘responsive’, ‘hover’,’focus’,’group-hover’ ]
- backgroundPosition [‘responsive’]
- backgroundRepeat [‘responsive’]
- backgroundSize [‘responsive’]
- backgroundOrigin [‘responsive’]
- blur [‘responsive’]
- borderCollapse [‘responsive’]
- borderColor [‘responsive’, ‘hover’,’focus’,’group-hover’ ]
- borderOpacity [‘responsive’, ‘hover’,’focus’,’group-hover’ ]
- borderRadius [‘responsive’]
- borderStyle [‘responsive’]
- borderWidth [‘responsive’]
- boxDecorationBreak [‘responsive’]
- boxShadow [‘responsive’, ‘hover’,’focus’,’group-hover’]
- boxSizing [‘responsive’]
- brightness [‘responsive’]
- clear [‘responsive’]
- container [‘responsive’]
- contrast [‘responsive’]
- cursor [‘responsive’]
- divideColor [‘responsive’]
- divideOpacity [‘responsive’]
- divideStyle [‘responsive’]
- divideWidth [‘responsive’]
- dropShadow [‘responsive’]
- fill [‘responsive’]
- filter [‘responsive’]
- flex [‘responsive’]
- flexDirection [‘responsive’]
- flexGrow [‘responsive’]
- flexShrink [‘responsive’]
- flexWrap [‘responsive’]
- float [‘responsive’]
- fontFamily [‘responsive’]
- fontSize [‘responsive’]
- fontSmoothing [‘responsive’]
- fontStyle [‘responsive’]
- fontVariantNumeric [‘responsive’]
- fontWeight [‘responsive’]
- gap [‘responsive’]
- gradientColorStops [‘responsive’,’hover’,’focus’]
- grayscale [‘responsive’]
- gridAutoColumns [‘responsive’]
- gridAutoFlow [‘responsive’]
- gridAutoRows [‘responsive’]
- gridColumn [‘responsive’]
- gridColumnEnd [‘responsive’]
- gridColumnStart [‘responsive’]
- gridRow [‘responsive’]
- gridRowEnd [‘responsive’]
- gridRowStart [‘responsive’]
- gridTemplateColumns [‘responsive’]
- gridTemplateRows [‘responsive’]
- height [‘responsive’]
- hueRotate [‘responsive’]
- inset [‘responsive’]
- invert [‘responsive’]
- isolation [‘responsive’]
- justifyContent [‘responsive’]
- justifyItems [‘responsive’]
- justifySelf [‘responsive’]
- letterSpacing [‘responsive’]
- lineHeight [‘responsive’]
- listStylePosition [‘responsive’]
- listStyleType [‘responsive’]
- maxHeight [‘responsive’]
- maxWidth [‘responsive’]
- minHeight [‘responsive’]
- minWidth [‘responsive’]
- mixBlendMode [‘responsive’]
- objectFit [‘responsive’]
- objectPosition [‘responsive’]
- opacity [‘responsive’, ‘hover’,’focus’,’group-hover’]
- order [‘responsive’]
- outline [‘responsive’,’focus’ ]
- overflow [‘responsive’]
- overscrollBehavior [‘responsive’]
- placeContent [‘responsive’]
- placeItems [‘responsive’]
- placeSelf [‘responsive’]
- placeholderColor [‘responsive’,’focus’ ]
- placeholderOpacity [‘responsive’,’focus’ ]
- pointerEvents [‘responsive’]
- position [‘responsive’]
- resize [‘responsive’]
- ringColor [‘responsive’,’focus’ ]
- ringOffsetColor [‘responsive’,’focus’ ]
- ringOffsetWidth [‘responsive’,’focus’ ]
- ringOpacity [‘responsive’,’focus’ ]
- ringWidth [‘responsive’,’focus’ ]
- rotate [‘responsive’,’hover’]
- saturate [‘responsive’]
- scale [‘responsive’, ‘hover’]
- sepia [‘responsive’]
- skew [‘responsive’, ‘hover’]
- space [‘responsive’]
- stroke [‘responsive’]
- strokeWidth [‘responsive’]
- tableLayout [‘responsive’]
- textAlign [‘responsive’]
- textColor [‘responsive’,’hover’,’focus’,’group-hover’]
- textDecoration [‘responsive’,’hover’,’focus’,’group-hover’]
- textOpacity [‘responsive’, ‘hover’,’focus’,’group-hover’]
- textOverflow [‘responsive’]
- textTransform [‘responsive’]
- transform [‘responsive’]
- transformOrigin [‘responsive’]
- transitionDelay [‘responsive’]
- transitionDuration [‘responsive’]
- transitionProperty [‘responsive’]
- transitionTimingFunction [‘responsive’]
- translate [‘responsive’,’hover’]
- userSelect [‘responsive’]
- verticalAlign [‘responsive’]
- visibility [‘responsive’]
- whitespace [‘responsive’]
- width [‘responsive’]
- wordBreak [‘responsive’]
- zIndex [‘responsive’,’hover’]
Screenshots
