Draft Website Builder

Draft Website Builder

€0

Build beautiful websites faster by adding TailwindCSS utility classes to Gutenberg blocks. Free plugin responsive utility classes: Margin [‘responsive’ ] padding [‘responsive’,

Version

1.0.2
Last updated

2021.08.27
Active installations

10
WordPress Version

5.0
Tested up to

5.8.2
PHP Version

5.6
Rating

5.00
Total ratings

1
Tags
Go back
View on WordPress site

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’]