pixelgrade

vlad.olaru

George Olaru

Razvan Onofrei

Madalin Gorbanescu

<p>Nova Blocks is a collection of <strong>distinctive Gutenberg blocks,</strong> committed to making your site shine like a newborn star. It is taking a design-driven approach to help you made the right decisions and showcase your content in the best shape.</p>
<h4>Positioning</h4>
<p><em>Clear and obvious, exciting and not afraid to take risks, distinctive, forward thinking.</em></p>
<ol>
<li>Obvious, not <em>confusing</em></li>
<li>Exciting, not <em>dull</em></li>
<li>Distinctive, not <em>common</em></li>
</ol>
<h4>Principles</h4>
<ol>
<li>Decisions not options</li>
<li>Purpose-driven</li>
<li>Distinctive</li>
<li>Cross-themes oriented</li>
</ol>
<h4>Tested with the following WordPress themes:</h4>
<ul>
<li><a href="https://pixelgrade.com/themes/blogging/julia-lt/" rel="nofollow ugc">Julia LT</a> <em>by Pixelgrade</em></li>
<li><a href="https://pixelgrade.com/themes/restaurants/rosa-lt/" rel="nofollow ugc">Rosa LT</a> <em>by Pixelgrade</em></li>
<li><a href="https://pixelgrade.com/themes/blogging/felt-lt/" rel="nofollow ugc">Felt LT</a> <em>by Pixelgrade</em></li>
<li><a href="https://wordpress.org/themes/twentynineteen/" rel="ugc">Twenty Nineteen</a> <em>by WordPress team</em></li>
<li><a href="https://wordpress.org/themes/storefront/" rel="ugc">Storefront</a> <em>by Automattic</em></li>
<li><a href="https://pixelgrade.com/themes/restaurants/osteria/" rel="nofollow ugc">Osteria</a> <em>by Pixelgrade</em></li>
</ul>
<p><strong>Made with love by <a href="https://pixelgrade.com/" rel="nofollow ugc">Pixelgrade</a></strong></p>
<h3>Contributing</h3>
<p>The proposed value of <strong>Open Source</strong> is that by freely sharing the code with the community, others can use, improve and contribute back to it.</p>
<p>It’s great if you’re willing to use your skills, knowledge, and experience to help further refine this project with your own improvements. We really appreciate it and you’re 💯 welcome to submit an issue or pull request on any topic.</p>
<h3>How can you help?</h3>
<ul>
<li><strong>Discovered an issue?</strong> Please report it <a href="https://github.com/pixelgrade/nova-blocks/issues/new" title="here" rel="nofollow ugc">here</a>.</li>
<li><strong>Fixed a bug?</strong> Send a <a href="https://github.com/pixelgrade/nova-blocks/pulls" title="pull request" rel="nofollow ugc">pull request</a>.</li>
<li><strong>Need a feature?</strong> Propose it <a href="https://github.com/pixelgrade/nova-blocks/issues/new" title="here" rel="nofollow ugc">here</a>.</li>
<li><strong>Have you made something great?</strong> <a href="https://github.com/pixelgrade/nova-blocks/issues/new" title="Share" rel="nofollow ugc">Share</a> it with us.</li>
</ul>
<h3>Translations</h3>
<p>You can translate Nova Blocks on <a href="https://translate.wordpress.org/projects/wp-plugins/nova-blocks" rel="nofollow ugc"><strong>translate.wordpress.org</strong></a>.</p>
<h3>Credits</h3>
<p>Unless otherwise specified, all the plugins files, scripts and images are licensed under GNU General Public License v2 or later.</p>
<p>The Nova Blocks plugin bundles the following third-party resources:</p>
<ul>
<li><a href="http://pixelgrade.github.io/rellax/" rel="nofollow ugc">jQuery Bully plugin</a> Copyright (c) 2016 Pixelgrade – License: MIT</li>
<li><a href="http://kenwheeler.github.io" rel="nofollow ugc">jQuery Slick plugin</a> Copyright (c) 2017 Ken Wheeler – License: MIT</li>
<li><a href="http://velocityjs.org/" rel="nofollow ugc">jQuery Velocity plugin</a> Copyright (c) 2014-2017 Julian Shapiro – License: MIT</li>
<li><a href="https://github.com/js-cookie/js-cookie" rel="nofollow ugc">JS Cookie</a> Copyright (c) 2018 Klaus Hartl, Fagner Brack, GitHub Contributors – License: MIT</li>
</ul>


Nova Blocks by Pixelgrade

A collection of distinctive Gutenberg blocks, committed to making your site shine like a newborn star.

David Jensen

CloudCatch

<p>The Splide Carousel block introduces the capability to create carousels/sliders within the block editor. Each carousel may contain an infinite number of slides, with each slides containing their own inner blocks.</p>
<p>Use the Splide Carousel block to create image carousels, testimonial rotators, and more in Gutenberg!</p>
<p><a href="https://splide-demo.cloudcatch.io/" rel="nofollow ugc">View Demo</a></p>
<h3>Options</h3>
<ul>
<li>Arrows Navigation</li>
<li>Dots Pagination</li>
<li>Autoplay</li>
<li>Slide and Fade Transitions</li>
<li>Infinite Loop</li>
<li>API to control the carousel using JavaScript</li>
<li>Fixed Slide Width / Height</li>
<li>Variable Slide Width / Height</li>
<li>Number of Slides Per Page</li>
<li>Slide Spacing</li>
<li>Video Support</li>
<li>Auto Scroll</li>
<li>Hash Navigation</li>
<li>Lazyload</li>
<li>FSE (Full Site Editing) Compatible</li>
<li>Fully Accessible</li>
<li>RTL Support</li>
<li>Responsive</li>
<li>No Google Lighthouse Issues</li>
<li>Lightweight</li>
<li><a href="https://splidejs.com/guides/options/#options" rel="nofollow ugc">…and more!</a></li>
</ul>
<h3>Attribution</h3>
<p>The Splide Carousel block uses the <a href="https://splidejs.com/" rel="nofollow ugc">Splide</a> library.</p>


Splide Carousel Block

Carousel block using Splide to create flexible and accessible sliders

Nova Blocks by Pixelgrade vs Splide Carousel Block