Justin Nealey

When you need professional design features but page builders feel too heavy, too complex, or too limiting.
DesignSetGo gives you the power of a page builder with the simplicity of WordPress blocks. Build layouts, forms, interactive elements, and stunning visuals—all using the native block editor you already know.
<h4>Why DesignSetGo?</h4>
✓ Works Like WordPress – If you know blocks, you know DesignSetGo. No separate interface, no learning curve. 
✓ 43 Blocks, One Plugin – Replaces multiple plugins: forms, sliders, tabs, accordions, counters, cards, maps, and more. 
✓ 11 Universal Extensions – Add animations, responsive visibility, sticky headers, clickable groups, max width, and more to ANY WordPress block (including core blocks). 
✓ Performance First – Lightweight code, no jQuery, optimized bundles. Your site stays fast. 
✓ No Lock-In – Built with WordPress standards. What you build works with or without the plugin. 
✓ Editor = Frontend – What you see in the editor is exactly what appears on your site. No surprises.
<h4>What’s Included</h4>
Layouts & Containers (5 blocks) 
Build responsive layouts without code: flex, grid, stacks, rows, and full-width sections with content width controls.
Complete Form Builder (13 blocks) 
Professional forms with AJAX submission, spam protection, and email notifications. Includes text, email, phone, textarea, number, URL, date, time, select, checkbox, file upload, and hidden fields. No external services required.
Interactive Elements (10 blocks) 
Tabs, accordions, flip cards, sliders, scroll effects, counters, progress bars, and revealing content. All with smooth animations and mobile-responsive behavior.
Visual Components (8 blocks + child blocks) 
Icons (500+), icon buttons, icon lists, pills/badges, dividers, countdown timers, organic blob shapes, and content cards with multiple layout presets.
Location (1 block) 
Interactive maps with Google Maps and OpenStreetMap support, custom markers, and privacy-friendly options.
Universal Extensions (11 extensions) 
These work with ANY WordPress block—including core blocks and third-party blocks: 
* Block Animations – 24+ effects with scroll/hover/click triggers 
* Sticky Header – Advanced sticky controls with offset and hide on scroll 
* Clickable Groups – Turn containers into accessible clickable links 
* Background Video – Add YouTube or self-hosted videos to containers 
* Responsive Visibility – Hide/show blocks by device (desktop, tablet, mobile) 
* Max Width – Constrain content width with auto-centering 
* Custom CSS – Per-block custom styling and advanced controls 
* Grid Span – Column and row spanning for grid layouts 
* Reveal Control – Advanced hover reveal timing and transitions 
* Text Alignment Inheritance – Inherit alignment from parent blocks
<h4>Perfect For</h4>
<ul>
<li>Freelancers & Agencies – Build client sites faster without learning another page builder</li>
<li>Business Websites – Professional forms, FAQs, service listings, and call-to-action sections</li>
<li>Marketing & Landing Pages – Eye-catching layouts with counters, flip cards, and animations</li>
<li>Portfolios & Showcases – Image galleries, sliders, and scroll effects for stunning presentations</li>
<li>Membership & Community Sites – Registration forms, organized content, gamification elements</li>
<li>E-commerce Sites – Enhanced product pages with sliders, icon lists, and custom layouts</li>
</ul>
<h3>Privacy & Security</h3>
DesignSetGo respects your privacy: 
* No tracking or analytics 
* No data collection 
* No external server connections 
* No cookies or localStorage for tracking 
* 100% GDPR compliant
Form submissions are processed on your server and sent via your WordPress email system. No third-party services required.

DesignSetGo

Professional WordPress blocks without page builder bloat. 43 blocks + 11 universal extensions that enhance ANY block.

Jose Mortellaro

When a specific element of the page enters the viewport, it adds the CSS class “in-viewport” to that element.
When the same element goes out from the viewport it remove the CSS class “in-viewport” and adds the class “not-in-viewport”.
To target the elements, you just need to assign them the CSS class “cciv-el”.
It’s useful to add your custom animations on scroll just with a few lines of CSS.
This is a plugin for CSS developers who want to add simple but effective animation only with pure CSS.
In case the user disables JavaScript, the body of the page will have the CSS class “cciv-no-script”. Use it to don’t show strange things when JavaScript is disabled.
The plugin is ultra light. It adds a few lines of pure JavaScript code in the footer and nothing else.
No additional HTTP requests, no additional queries to the database.
If you measure the performance with or without this plugin, you will not notice any difference.
This plugin is useful if:
<ul>
<li>You know how to create an animation in pure CSS.</li>
<li>You have the possibility to assign a CSS class to the element you want to animate.</li>
<li>You have the possibility to add your custom CSS.</li>
</ul>
With the following few lines of pure CSS for example you can create a rotation effect.
.cciv-el{transition: 2s transform ease} 
.cciv-el.in-viewport{transform:rotateY(0deg)} 
.cciv-el.not-in-viewport{transform:rotateY(180deg)} 
.cciv-no-script .cciv-el{transform:none !important}
You can read more about CSS animations and transitions on W3Schools: 
https://www.w3schools.com/css/css3_animations.asp 
https://www.w3schools.com/css/css3_transitions.asp
You can change the selector to target the elements that you want to animate using the filter ‘cciv_el_selector’. 
If for example instead of the CSS class .cciv-el you want something specific to your case, you can add this code in the functions.php of your child theme if any, or in a functional plugin:
<pre><code>add_filter( 'cciv_el_selector','my_cciv_selector' );
function my_cciv_selector( $selector ){
 return '#my-custom-id .my-custom-class'; //The elements will not be target anymore by .cciv-el but by what you specify here
}
</code></pre>
Don’t lose time any more with heavy jQuery effects, you need just a few lines of CSS, the rest is given by this plugin using few lines of 100% pure JavaScript inlined in the footer.
No performance loss, and no time loss if you have CSS skills.
<h3>Help</h3>
If you need help open a thread on the support forum of this plugin. 
Please, before posting enable the debugging in wp-config.php. Need a step-by-step guide? Read <a href="https://freesoul-deactivate-plugins.com/how-to-enable-debugging-in-wordpress-a-step-by-step-guide/" rel="nofollow ugc">this detailed tutorial</a> on <a href="https://freesoul-deactivate-plugins.com/how-to-enable-debugging-in-wordpress-a-step-by-step-guide/" rel="nofollow ugc">how to enable debugging in WordPress</a> to learn more.

Change class in viewport: create animations with pure CSS

When an element of the page enters the viewport, it adds a CSS class to that element.

DesignSetGo vs Change class in viewport: create animations with pure CSS