Button Block Hover Effects (SCSS)
Adds a smooth lift, shadow and color shift when visitors hover over or focus Button blocks, with motion turned off for people who prefer reduced motion.
Snippet Library
Block Editor snippets for WordPress
Snippets for the block editor: disable or limit blocks, lock patterns, set default blocks, change the editor width and add block styles. For developers and agencies who want a focused, client-proof editing experience.
Button Block Style: Arrow
Adds an "Arrow" style to the Button block that shows a small arrow after the text which nudges forward on hover, a classic "Learn more" look.
Image Block Styles: Polaroid, Frame and Tilt
Adds three photo styles to the Image block: a white polaroid card, a thin inset frame, and a playful slight tilt that straightens on hover.
Navigation Block Style: Animated Underline on Hover
Adds an "Underline on hover" style to the Navigation block, where a line slides in under menu links on hover and stays under the current page link.
Outline Blocks While Editing
Draws a faint dashed outline around blocks as you hover over them in the editor, making nested groups, columns and empty blocks easy to see.
Rounded Buttons Through theme.json
Sets the shape, padding and weight of all buttons (Button block, search and form buttons) in a block theme through theme.json, including a darker hover color.
Site-Wide Link Color and Hover Style
Sets the color, underline and hover color of links across a block theme through theme.json, so links look the same in the editor and on the site.
Table Block Styles: Lined Rows and Hover Highlight
Adds two table styles: "Lined" with thin row dividers and no outer borders, and "Hover rows" that highlights the row under the mouse for easier reading.
Utility Classes for Blocks (SCSS)
Adds a small set of classes, such as has-shadow, is-rounded, has-hover-lift and text-balance, that editors can type into any block's "Additional CSS class" field.