This repo houses a demo plugin to show off a handful of artful block styles. These were showcased as part of a presentation called "Creative Use of Block Styles" at WordCamp US 2021.
Endlessly rotates an image.
Applies an image mask and filter to any image block, mimicking a style from Blue Note jazz record covers. Animates on hover.
Applies a photocopy-like effect to any image.
Applies a stretched, wavy effect to text, reminiscent of the warping that occurs if you move your paper around while photocopying.
Arranges gallery items vertically, and masks each one as if it's on a torn piece of paper. Please note, this one is written for the refactored Gallery block that arrived in Gutenberg 11.4 and will be included in WordPress 5.9.
Applies a random(ish) pattern of vertical baseline ajustments to each individual letter in a heading block. The letters resolve back to their default positions on hover.
Applies a random(ish) pattern of vertical and horizontal baseline ajustments to each individual letter in a heading block. The letters resolve back to their default positions on hover.
Yes, there are bugs! All of the styles here are just proof-of-concepts. With that in mind, please do feel free to file a bug report (or to provide a fix!). In additon, if you know of a better way to accomplish one of the block styles here, I'd absolutely love to hear about it!
Ping @kjellr on twitter or WordPress.org slack. You can also find me at kjellr.com.