plugin-icon

Fuwari Block Effects

Door midorinz·
Lightweight scroll animations and gradient text for core blocks. No dependencies, no jQuery — just a few KB of CSS and vanilla JS.
Versie
1.0.0
Laatst bijgewerkt
Aug 3, 2026
Fuwari Block Effects

Fuwari Block Effects adds subtle scroll animations and gradient text to WordPress core blocks. “Fuwari” is a Japanese word for something soft and floaty — exactly how your content will appear.

No extra libraries, no settings screens. Select a block, pick an effect in the sidebar, done.

Animations (play once when the block scrolls into view, or replay on every re-entry with the Repeat toggle):

  • Fade Up / Fade Down / Fade In — classic entrance animations
  • Box Reveal — a colored box covers the element, then slides away to reveal it. Choose the slide direction (right / left / up / down) and the box color (Purple / Orange / Blue / Dark)

Gradient text — three built-in gradients (Purple, Orange, Blue), plus a Custom option where you set the start and end colors with hex values.

Alternating columns — an option for the Columns block that reverses column order on desktop, useful for text/image zigzag layouts.

Supported blocks — animations: Paragraph, Heading, Quote, Button, Image, Group, Columns, Cover, Gallery, List. Gradient text: Paragraph, Heading, Quote, Button. Column layout: Columns.

Built to be safe

  • Content stays visible if JavaScript is disabled or fails to load
  • Respects the prefers-reduced-motion user setting
  • Falls back gracefully on browsers without IntersectionObserver
  • No data collection, no external requests, no tracking

Customization

Override the Box Reveal color from your theme’s Additional CSS:

body { --fuwari-reveal-color: #f5576c; }
Gratisvoor betaalde abonnementen
Door te installeren, ga je akkoord met de Servicevoorwaarden van WordPress.com en de voorwaarden voor plugins van derden.
Getest tot
WordPress 7.0.2
Deze plugin kan worden gedownload, zodat je hem op je kan gebruiken.