Adds custom CSS animations to Bricks interactions via a simple admin UI with preview and search.

Joshua Pippin

Custom Animations for Bricks is a lightweight plugin that lets you easily add custom CSS animations to your Bricks Builder sites. Through a simple admin interface, you can define animation keys, labels, and full CSS code (including @keyframes and .brx-animate- classes). These animations then appear in the Bricks Interactions panel’s “Start animation” dropdown, allowing seamless integration with triggers like viewport entry or mouse hover.
Key Features: 
* User-friendly form to add/edit/delete animations with validation for Bricks compatibility. 
* Live search and sort in the animations table for quick management. 
* Preview modal with dark/light mode toggle to test animations right in the admin (replays on mode switch). 
* Enqueues CSS only on frontend (skips Bricks editor for performance). 
* Stores animations securely in WordPress options—no database tables needed.
This plugin requires the Bricks theme to be active and has been tested with Bricks Builder version 2.0.2.

Alternatives to Custom Animations for Bricks

Top alternatives