Rotating Grid Gallery

A no-code solution to build an immersive grid gallery experience.

Compute the size of the background video

  1. Write the width of the background video container in the text input right below, by just using numbers.

    Thank you! Your submission has been received!
    Oops! Something went wrong while submitting the form.
  2. Write the height of the background video container in the text input right below, by just using numbers.

    Thank you! Your submission has been received!
    Oops! Something went wrong while submitting the form.
  3. Just read the result in the text field below. 🙂

    000

Compute the interval length for text animation

  1. Write the number of letters in the text input right below.

    Thank you! Your submission has been received!
    Oops! Something went wrong while submitting the form.
  2. Write the offset to use inside your animation - i.e. the amount of overlapping between the animation of a single letter and the following one - in the text input right below, by using numbers and NOT percentages. Please, use small values (from 0 to 4) in order to get an appropriate output.

    Thank you! Your submission has been received!
    Oops! Something went wrong while submitting the form.
  3. The result down below will tell you how far away from each other (in %) the two key frames for each letter must be. 🙂

    000
Artwork
Gallery