Custom Animations for Bricks

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.