First of all, I know youve got a lot of experience with Beaver Builder, but its important to understand that Pinegrow takes a fundamentally different approach. Its more focused on traditional development and close to the code, so your relearning curve is going to be long.
I suggest trying the example templates and getting familiar with how the standard features work, like the Design Panel.
As for using captured templates from sites running Beaver Builder that rely on unknown frameworks, many different scripts, and odd structures, thats not a great idea to work with the design panel.
- Design Panel for Bootstrap: Bootstrap Design Panel | Pinegrow Web Editor
- Design Panel for TailwindCSS: Tailwind CSS Design panel | Pinegrow Web Editor
- Design Panel for plain HTML: The Design Panel for Plain HTML | Pinegrow Web Editor
It’s especially important to understand that not all features are available depending on which frameworks you use, and that you’ll get the best experience by using TailwindCSS.
For WordPress, we have in-depth tutorials that I encourage you to go through completely. They are available here: https://pinegrow.com/docs/wordpress/courses-tutorials/
Adam Lowe’s Pinegrow Masterclass is particularly useful: Adam Lowe’s Pinegrow Masterclass: A Comprehensive Archive of Tutorials and Insights | Pinegrow Web Editor
Youll also find tons of info across all our videos, including the ultra-complete tutorial on the Shop Builder for WooCommerce add-on. Even if you dont plan to use WooCommerce, that course is full of info and tips that will help you develop your blocks.
Here is another super ultra interesting tutorial: Flex - Creating a Tailwind CSS Theme with Gutenberg Blocks and Pinegrow Interactions | Pinegrow Web Editor
Enjoy the video and the read, and good luck with your future development work.