Grainy Gradient Block
ryelle By ryelle

January 07, 2022

Grainy Gradient Block Plugin

A gradient with a little noise to it, this spacer block will add visual interest to your posts and pages.

Inspired by the grainy gradient trend, this block is a decorative element you can add to your site. It can be used as a separator between content, or put it in a column next to text to jazz up your posts.

You can control the block’s height, the gradient used, and the “grain type”. There are 4 variations of the block with different grain textures: a default noise texture, horizontal lines, vertical lines, and a large, blobby texture (which reminds me of a lava lamp).

Head over to the GitHub repo for the development version, or to suggest new features.

Screenshots

  1. The default Grainy Gradient block, using the default grain variation.

    The default Grainy Gradient block, using the default grain variation.

  2. A Grainy Gradient block with the horizontal grain variation.

    A Grainy Gradient block with the horizontal grain variation.

  3. A Grainy Gradient block with the vertical grain variation.

    A Grainy Gradient block with the vertical grain variation.

  4. A Grainy Gradient block with the blobby grain variation.

    A Grainy Gradient block with the blobby grain variation.

  5. The block settings.

    The block settings.

Changelog

1.0.1

Remove package-lock.json from the published plugin version. For development, use the repository on GitHub.

1.0.0

Initial release.

Details

  • Version: 1.0.1
  • Active installations: 70
  • WordPress Version: 5.8
  • Tested up to: 5.9.0
  • PHP Version: 7.0

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars