Opens in a new tab

Slider animations

Slider animations for the Bricks nestable slider

Slider animations replay each slide’s content every time it arrives. Before, the text of a new slide just appeared. Now the entrance animations inside a slide play again each time it comes in, on the Bricks nestable slider.

Headings rise in

Each time the slide arrives, not only the first time.

HeadingImageGroup

Images zoom in

The photo enters with its own preset.

HeadingImageGroup

Groups follow

Pills and buttons enter one after another.

HeadingImageGroup

Back to the start

The loop comes round and it all plays again.

HeadingImageGroup
The slide in the center is active; its content enters each time it arrives.Control: Animations
It plays on its own, and the arrows change slides too. Pause it below.

What you can do

What animates in a slide

Any entrance animation works inside a slide.

  • A new slide

    Headings

    They rise in as the slide arrives.

  • Images

    They zoom or fade in.

  • Groups

    Buttons and cards one after another.

  • Dropdowns and mega menus

    Their content replays each time a Bricks dropdown or mega menu opens, like this site’s Features menu.

How it works

Entrance animations inside each slide

There is no separate slider panel. You use Entrance Animations on the elements inside a slide.

The Entrance Animations panel in Bricks

Real capture of the Entrance Animations panel in Bricks, in Bricks’ own colors.

  1. Use the Bricks nestable slider

    The plugin works with the slider that comes with Bricks.

  2. Pick an element inside a slide

    A heading, an image or a button.

  3. Add an entrance animation

    It plays every time its slide comes in.

    Control: Animations
Bricks

Slider animations work with the Bricks nestable slider.

If you came looking for Swiper

Swiper, Splide and the Bricks slider

Swiper is a popular slider library. The Bricks nestable slider runs on another one, Splide, and Fancy Animations works with it directly.

Inside a slide, delays are skipped: the content enters as soon as the slide is active. The slider also knows when it is on the first or last slide and which way it moved, so your arrows and dots can change with it. The same replay works inside Bricks dropdowns and mega menus each time they open: open this site’s Features menu to see its cards enter one after another.

Read the docs on sliders

Before and now

What it took before, and what it takes now

Slides that change without their content moving feel flat.

Beforea slider plugin

  • Not included:Another slider plugin with its own styles
  • Not included:Animations that play once and never again
  • Not included:Code to listen to slide changes

Nowwith Fancy Animations

  • Not included:The Bricks nestable slider, as it is
  • Not included:Entrance animations that replay per slide
  • Not included:The same presets as the rest of the site

Templates

Start from a slider template

Real sections with their Bricks Builder animations already set.

Slider 01 template

Slider 01

Slides whose content enters each time they arrive.

Questions

Questions about slider animations

  • Which slider does it work with?

    The Bricks nestable slider.

  • Do the animations replay?

    Yes. The animations inside a slide play every time it comes in.

Add slider animations to your next site

From $148.57 instead of $179, one payment, every update for life. 14-day refund.