netbiel

A design library that streamlines the process of designing and implementing your website.
<ul>
<li>With a ready-made library of predefined Gutenberg responsive sections, you can easily implement your project in WordPress.</li>
<li>With <a href="https://www.figma.com/community/file/1273281724920036886" rel="nofollow ugc">Figma UI Kit</a>, you can easily design a page layout with Gutenberg Kadence Blocks specificity without worrying about future implementation</li>
</ul>
Sections designed in Figma and available in the Design Library in the WordPress editor have exactly the same names, and have been grouped into several categories, such as: Hero Sections, Features, Call to Action, Portfolio, Content, Metrics, Contact, etc.
<ul>
<li><a href="https://rocksite.pro/rocksite-kit/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme-description" rel="nofollow ugc">Rocksite Kit – More Info</a></li>
<li><a href="https://cloud.rocksite.pro/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme-description" rel="nofollow ugc">Visual Documentation</a></li>
</ul>
In WordPress Editor You can choose a premade section and add it on your site in just one click. After that you can customize a section for your needs by using options of the selected block.
PLUGINS REQUIRED
<ul>
<li><a href="https://wordpress.org/plugins/kadence-blocks/" rel="ugc">Kadence Blocks (free)</a></li>
</ul>
RECOMMENDED THEMES
The designs will adapt to the styles of the theme you are currently using, but you will get the best results by using the free:
<ul>
<li><a href="https://wordpress.org/themes/kadence/" rel="ugc">Kadence (free)</a></li>
<li><a href="https://wordpress.org/themes/blockfold/" rel="ugc">Blockfold (free)</a></li>
</ul>
DESIGN LIBRARY CLOUD
Rocksite Kit adds automatic connection to a collection of sections from external url in rockite.pro domain. This functionality is based on Kadence Cloud.
PRIVACY
Rocksite Sections plugin uses a custom API to fetch blocks patterns libraries from cloud.rocksite.pro when you clicks on the “Design library” button above the editor. I collect data and information as indicated in my Privacy Policy: https://rocksite.pro/privacy-policy/
<h3>Privacy</h3>
Rocksite Sections plugin uses a custom API to fetch blocks patterns libraries from cloud.rocksite.pro when you clicks on the “Design library” button above the editor. I collect data and information as indicated in my Privacy Policy: https://rocksite.pro/privacy-policy/
<h3>Free and Premium Version</h3>
Free sections based on Gutenberg blocks from Kadence Blocks plugin (fee) will continue to work even if Rocksite Section is uninstalled. The paid sections are tagged with a ‘Pro’ tag and only work with the paid theme – Blockfold. Users can optionally purchase Blockfold on Creative Market.
Rocksite Sections includes links to buy Blockfold on Creative Market. The purchasing process takes place on Creative Market. You can find their privacy policy here: https://creativemarket.com/privacy and Terms of Use here: https://creativemarket.com/terms
The current list of free and premium sections also short documentation you can find here: https://cloud.rocksite.pro/index.php/documentation/

Rocksite Kit – Kadence Blocks Patterns with Figma UI Kit

Collection of ready-to-use Gutenberg sections (block patterns) based on Kadence Blocks Library: Hero Sections, Features Sections, Call to Actions etc.

aploweb

Aploblocks adds extra design features to the core wordpress blocks. It is designed for block themes and helps you achieve incredible designs with very little effort. If you know how to use the block editor then you will know how to use AploBlocks. Don’t know CSS very well or want to speed up your development? This plugin is ideal for you!
The growing library of patterns can be added straight in to your design to help you quickly start building beautiful sites.
Some of the features below give you an indication of just what you can achieve with absolutely no coding experience.
<ul>
<li>**Pattern inserter – Add ready made patterns straight in to your design.</li>
<li>Entrance Animations: 18 (and growing) options for on-scroll animations with custom speed and delay settings</li>
<li>Sticky Header: Make your header template part sticky with the option to hide on scroll.</li>
<li>Block Styles: New styles to display cover block content on hover.</li>
<li>Filters: Change images to how you want them to look, options for blur, brightness, contrast, opacity, hue & saturation. Configure a filter to be added or removed on hover.</li>
<li>Shadow Filter: Customise the offset, blur, opacity & colour of a blocks shadow. Options to add or remove on hover.</li>
<li>Transforms: Rotate, scale & move blocks. Transforms can also be added or remove on hover.</li>
<li>Masks: Choose from a range of polygon or image masks to shape the block how you want it and then customise to suit your needs.</li>
</ul>
Filters for a group block can be added as a backdrop filter if you want to apply the filter to the background. With a gallery block you can quickly apply filters to all images in the block or even make the filter apply to images that are not hovered over.
Aploblocks is designed to simply plug in to any standard block theme and enhance the core blocks. If you want to modify an existing block theme with the features above then you can get started in minutes!
Find more information <a href="https://aploweb.com/aploblocks-plugin/" rel="nofollow ugc">here</a>!
Basic Usage: After installation the Aploblocks plugin sidebar will be available in the top right of the editor. 
 From here you can choose to insert patterns. When a block is selected in the editor extra Panels in the block settings will be available to 
 configure the animations, filters, masks etc for the block. The General settings panel in the block editor gives a number of configuration options 
 including mobile options for blocks.

Aploblocks – Styling and Patterns for the block editor


I played with it for about 5 minutes, and I see nothing wrong with it. I use very similar things with my custom ACF Blocks, animations, etc... but as far as shadows, polygons, etc... I'm using fixed css classes. This will speed things up, and probably force me to remove my similar animations and CSS styles.



Excellent work, and I'm almost certain you used clippy for the polygons, at least that's what I did !



The only thing I would request is to have a RESET EVERYTHING in the General Styles panel, it would make things so much better...


Really, REALLY GOOD !!!

Aploblocks adds extra design features to the core wordpress blocks.  It is designed for block themes and helps you achieve incredible designs with ver …

Rocksite Kit – Kadence Blocks Patterns with Figma UI Kit vs Aploblocks – Styling and Patterns for the block editor