Premium Page Motion: Animate your entire page with one Bric
Tired of adding animations to every heading, paragraph and image individually? Premium Page Motion brings everything together in one panel.
I got tired of adding animations to every heading, paragraph and image individually. Choosing the same settings over and over felt repetitive, so I built a solution for myself. Now I’d like to share it.
Add the Bric to your page, choose separate styles for headings, text and images, then adjust speed and delay. Animations start as content enters the screen, including long paragraphs on mobile.
Choose from smooth directional reveals, flowing words, image reveals and the new letter bloom and many more.
22 separate animation styles for headings and text
18 different animation styles for images
Five speed presets and adjustable delay
Animation options in seven languages
Existing Blocs animations and Scroll FX take priority
Less repetitive work. Consistent motion across your page.
It really looks great, I think this would be a must-buy since Blocs lacks robust animation capabilities compared to Webflow or Framer. Nowadays sites requiere stunning visuals and animations.
I still have some questions: I wonder if you can choose or exclude some elements, or apply two different animations based on image types. For example for a hero image and text have an animation and for other images a different behavior. Also can you apply to a whole bloc, row o column? How does it coexist with scroll fx or animated elements?
The Bric is designed to animate the entire page, so elements of the same type follow the same animation style. For example, all headings are animated consistently rather than assigning a separate animation to each individual heading, image, row or column. Background images are not animated by the Bric.
If you want a specific element to behave differently, you can still use Blocs’ native animation options for that element. Those take priority over the Bric, so you can combine both approaches where needed.
The same principle applies if you already use Blocs animations on certain elements. The Bric handles the general page animation, while individually assigned native animations override it.
