New to Pinegrow?
Watch a series of short videos to learn what Pinegrow is, how it works and what is special about the plugin.
How it works?
Use HTML & CSS to design a static version of your blocks or the whole theme.
Build the code with Pinegrow, import it from another web design tool or code it manually in your favorite code editor.
Add dynamic WordPress features by assigning smart actions to HTML elements.
Pinegrow comes with a set of Smart actions, that are both powerful and easy to use, including:
- Blocks
- Custom queries
- Relationships
- Custom post types
- Post fields
- Template parts
- Menus
- Pagination
- Breadcrumbs
- Widget areas
- Tags, categories and custom taxonomies
- Customizer fields & sections
- Forms
- WooCommerce
Smart actions adjust the WordPress output to fit into your custom HTML structure and styling - not the other way around.
Generate the fully-featured WordPress plugin or theme with all the standard WordPress PHP files.
Pinegrow WordPress plugin exports the plugin or theme straight to the site’s staging or production environment.
Getting started
The best way to get started is doing the interactive Build Your First Block tutorial, available from the Pinegrow dashboard.
These short lessons will show you how to use the Pinegrow interface and to create the HTML structure of the block, style it with CSS and then turn it into a fully editable React-based Gutenberg block with custom sub-blocks.
If you want to try Pinegrow first, download the trial version or the desktop Pinegrow, or install the free version of the Pinegrow plugin on your development WordPress site.