وەسف

Inblock Smooth Blocks adds subtle and elegant micro-interactions to native Gutenberg blocks.

Unlike block styles, these effects are additive. You can keep existing styles (Fill, Outline, As Link, etc.) and enhance them without replacing anything.

Current features:

Button block:
• Animated icons (Arrow right , Arrow left , Arrow up , Arrow down , Arrow external )
• Hover shadow (Border, Raise)

Navigation block:
• Smooth submenu caret rotation

Group block:
• Underline reveal on links inside the group

All animations respect user accessibility preferences (prefers-reduced-motion).

Lightweight by design. No frontend JavaScript. No external dependencies.

Developed by Inblock
https://www.inblock.net

Privacy

This plugin does not collect, store, or transmit any personal data.

سکرین شۆتەکان

Inblock Effects panel in the Style tab, with an Animated Icon effect applied to a Button block.
Hover Shadow effect on a Button block.
Underline Reveal effect on a Group block.

دامەزراندن

Upload the plugin to /wp-content/plugins/ or install it via the Plugins screen.
Activate the plugin.
Edit supported blocks.
In the block settings sidebar, open the “Inblock effects” panel under the Styles tab.
Enable the desired effect.

پهد

Does this replace existing block styles?: No. All effects are additive and work alongside native styles.
Does it add frontend JavaScript?: No. The plugin uses CSS only on the frontend. Editor enhancements use lightweight WordPress APIs.
Does it affect layout or spacing?: No. Button interactions prevent layout shifts and preserve text alignment.
Does it respect accessibility settings?: Yes. Animations respect the prefers-reduced-motion setting.
Does it work with custom themes?: Yes. The plugin only adds classes and CSS micro-interactions without modifying theme structure.

پێداچوونەوەکان

هیچ پێداچوونەوەیەک نەنووسراوە بۆ ئەم پێوەکراوە.

بەشداربووان و گەشەپێدەران

“Inblock Smooth Blocks” نەرمەواڵەیەکی سەرچاوە کراوەیە. ئەم کەسانەی خوارەوە بەشدارییان تێدا کردووە.

“Inblock Smooth Blocks” وەرگێڕدراوە بۆ 1 زمان. سوپاسی وەرگێڕەکان دەکەین بۆ بەشداریکردنیان.

“Inblock Smooth Blocks” وەربگێڕە بۆ زمانەکەی خۆت.

دەتەوێت بەشداربیت لە گەشەپێدان؟

گەڕان لە کۆدەکەدا بکە، سەیری تەمارگەی (SVN) بکە، یان بەشداربە لە ڕووداوتۆماری گەشەپێدان لە ڕێگەی (RSS).

ڕووداوتۆمارگەریی گۆڕین

0.8.1

Added screenshots.
Tested up to 6.9.

0.8.0

Button: Animated icons (incl. up/down) + optional icon color.
Button: Hover shadow (Border / Raise).
Navigation: smooth submenu caret rotation injected via render_block_core/navigation.
Group: underline reveal improvements (accessibility + color + option to keep underline).
i18n: add languages/ + translation template.
Hardening/cleanup: remove temporary files, safer markup injection, various fixes.

0.7.0

Added Arrow up and Arrow down animated icons for Button blocks.

0.6.0

Added theme palette icon color control for Button animated icons.

0.5.0

Added theme palette color control for Group underline reveal.

0.4.0

Accessibility improvements (focus-visible support and reduced-motion refinements).

0.3.0

Added underline reveal effect for Group blocks.

0.2.0

Added additive animated icons for Button block and smooth rotation for Navigation.

0.1.0

Initial release.

وەسف

Privacy

سکرین شۆتەکان

دامەزراندن

پهد

Does this replace existing block styles?

Does it add frontend JavaScript?

Does it affect layout or spacing?

Does it respect accessibility settings?

Does it work with custom themes?