Tailwind Visual Editor is an add-on for Pinegrow Web Editor that lets you visually edit TailwindCSS projects.
First, take a look at the landing page to get an overview of how it works.
Then, check out these topics to learn more:
Tailwind Visual Editor is an add-on for Pinegrow Web Editor that lets you visually edit TailwindCSS projects.
First, take a look at the landing page to get an overview of how it works.
Then, check out these topics to learn more:
Tailwind CSS is a CSS framework that defines 1000s of CSS classes that are used to replace working with CSS rules and properties directly.
Pinegrow projects are simply folders on your computer that contain a website or web application.
Pinegrow Web Editor has extensions that implement support for frameworks like TailwindCSS, Bootstrap, Foundation… To start working with Tailwind Visual Editor we have to first activate it for the page.
Visual controls are the core of Tailwind Visual Editor. They are located in the Properties panel.
New in Tailwind Visual Editor – Use Visual controls to work with your custom Tailwind CSS themes.
There are a bunch of Tailwind helpers sprinkled throughout Pinegrow Web Editor:
Tailwind Visual Editor comes with a powerful feature that makes working with Tailwind styles even easier – Class Styles.
Tailwind Visual Editor comes with a rich library of ready-made blocks that you can use to quickly create good-looking Tailwind CSS projects.
TailwindCSS differs from frameworks like Bootstrap in that it comes with no ready-made components like buttons, alerts…
TailwindUI is a premium Tailwind component library created by authors of TailwindCSS. Tailwind Visual Editor adds the TailwindUI library into the Library panel and extends visual controls with Tailwind UI extensions.
Learn about TailwindCSS and Tailwind Visual Editor with our step-by-step tutorials.