Nasio Themes

<p>Custom Gutenberg Blocks for the WordPress Block editor. Easy to use, lightweight and super useful. Post slider, Content slider, Gallery slider, Tabs, Accordeon, Chart, Icon and Countdown blocks. Features a <a href="https://nasio-blocks.nasiothemes.com/nasio-blocks-documentation/#template-library" rel="nofollow ugc">template library</a> with predefined demo content (block patterns) to speed up the page creation process. No unnecessary code to slow you down – you can choose which blocks to activate for maximum performance.</p>
<h3>Features</h3>
<h4><a href="https://nasio-blocks.nasiothemes.com/post-slider/" rel="nofollow ugc">Post Slider Block</a></h4>
<p>Display your latest posts in a beautiful responsive slider using <a href="https://swiperjs.com" rel="nofollow ugc">Swiper.js</a> – lightweight and fully responsive vanilla JS slider with RTL support.</p>
<ul>
<li>Choose between Fullwidth Slider (single column) or Carousel (multi-column slider) display mode</li>
<li>Fully customizable settings for number of posts, category filtering and flexible display options</li>
<li>Responsive design that works on all devices</li>
<li>Support for featured images, excerpts, post metadata and more</li>
</ul>
<h4><a href="https://nasio-blocks.nasiothemes.com/content-slider/" rel="nofollow ugc">Content Slider Block</a></h4>
<p>Create beautiful responsive sliders using the WordPress <a href="https://wordpress.org/documentation/article/cover-block/" rel="ugc">Cover block</a> and Swiper.js.</p>
<ul>
<li>Choose between Fullwidth Slider or Carousel (multi-column slider) display mode</li>
<li>Fully customizable settings for slider behavior</li>
<li>Ability to add, delete and edit slides through the familiar Block Editor interface</li>
<li>Responsive design that works on all devices</li>
</ul>
<h4><a href="https://nasio-blocks.nasiothemes.com/gallery-slider/" rel="nofollow ugc">Gallery Slider Block</a></h4>
<p>Display galleries in beautiful multi-column carousels.</p>
<ul>
<li>Fully customizable settings for slider behavior</li>
<li>Ability to add a gallery using the familiar Block Editor interface</li>
<li>Ability to set custom image sizes</li>
<li>Responsive design that works on all devices</li>
</ul>
<h4><a href="https://nasio-blocks.nasiothemes.com/svg-icon/" rel="nofollow ugc">Icon Block</a></h4>
<p>Display svg icons from the WordPress <a href="https://developer.wordpress.org/block-editor/reference-guides/packages/packages-icons/" rel="nofollow ugc">Icons Library</a> or upload custom svg icons. Allow users to add beautiful and scalable svg icons on their website without excessive font libraries – only the specified icons are loaded on the frontend.</p>
<ul>
<li>Different font size, color and background color</li>
<li>Different spacing options</li>
<li>Option to add custom svg icons</li>
</ul>
<h4><a href="https://nasio-blocks.nasiothemes.com/accordeon/" rel="nofollow ugc">Accordeon Block</a></h4>
<p>Display FAQ-style section in the form of expandable/collabsible dropdowns.</p>
<ul>
<li>Show a default Open Item</li>
<li>Change header background and text color</li>
</ul>
<h4><a href="https://nasio-blocks.nasiothemes.com/tabs/" rel="nofollow ugc">Tabs Block</a></h4>
<p>Create organized content sections with tabbed navigation.</p>
<ul>
<li>Customizable tab colors and styling</li>
<li>Set default active tab</li>
<li>Responsive design that stacks tabs vertically on mobile</li>
<li>Easy content management through the Block Editor interface</li>
</ul>
<h4><a href="https://nasio-blocks.nasiothemes.com/chart/" rel="nofollow ugc">Chart Block</a></h4>
<p>Display data in beautiful, interactive charts using <a href="https://www.chartjs.org/" rel="nofollow ugc">Chart.js</a>.</p>
<ul>
<li>Support for multiple chart types: Pie, Doughnut, Bar, and Line charts</li>
<li>Fully customizable colors for chart segments and datasets</li>
<li>Interactive legends with customizable positioning</li>
<li>Data labels with custom units and threshold controls</li>
<li>Multiple datasets support</li>
</ul>
<h4><a href="https://nasio-blocks.nasiothemes.com/countdown/" rel="nofollow ugc">Countdown Block</a></h4>
<p>Create engaging countdown timers to build anticipation for sales, events, or product launches.</p>
<ul>
<li>Set custom target date and time for your countdown</li>
<li>Customizable time unit labels (Days, Hours, Minutes, Seconds)</li>
<li>Multiple display styles: Default (stacked) and Inline layout options</li>
<li>Multiple style options for countdown units</li>
<li>Unit delimiter options (e.g., “:”, “-“, ” | “) between time units</li>
</ul>
<h4>Template Library</h4>
<p>List of Block patterns (ready to use demo content) created with the Block Editor.</p>


Nasio Blocks


Since this plugin was published I started using it right away and it’s absolutely perfect. Every block loads instantly and works exactly as advertised—no glitches or bloat. The Post Slider and Gallery Slider blocks were a breeze to configure and look stunning right out of the box. The Accordion block handled FAQs flawlessly, and the Icon block’s custom icon swapping is super intuitive. I also love the flexible Buttons and Ads blocks for creating clear CTAs and ad placements. Everything is well-documented, performant, and truly lightweight. Highly recommend!


Powerful, Lightweight Block Library

Small collection of essential blocks for the WordPress Block editor

Michael

<p>Creates a simple Swiper slider out of container elements. Flexbox has to be active.</p>
<h3>How to use it</h3>
<p><iframe loading="lazy" title="Slide everything for Elementor" width="750" height="422" src="https://www.youtube.com/embed/s8oyX1u-T6E?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<ul>
<li>create a horizontal container and give it an ID (Advanced – CSS ID)</li>
<li>add multiple sub containers (those are the slides)</li>
<li>add the <code>Slide everything</code> widget somewhere in the page</li>
<li>set the ID of the container in “Slider ID”</li>
<li>change some settings</li>
<li>preview the page</li>
</ul>
<p>Events:</p>
<p>You can listen to the <code>miga_slide_everything_init</code> event to get informed when the slider is ready to use:<br />
    <code>document.addEventListener("miga_slide_everything_init", function(e) {<br />
  alert("ready");<br />
});</code></p>
<p>Currently only working with one slider in your page!</p>


Slide everything for Elementor

Creates a simple Swiper slider out of container elements. Flexbox has to be active.

Nasio Blocks vs Slide everything for Elementor