Luma Transitions

Scroll through the page and hover your mouse to preview the templates animations.

abstract

full-screen-abstract-01

full-screen-abstract-02

full-screen-abstract-03

bars

falling-bars

gradient-bars

growing-bars

horizontal-bars-close

horizontal-bars-open

brush

brush-strokes-left-fast

brush-strokes-left-flip-fast

brush-strokes-left

brush-strokes-right-fast

brush-strokes-right-flip-fast

circles

center-double-invert

center-double

center-small-to-large

circle-expand-left

circle-expand-right

circle-expand

circle-half-left

circle-half-right

circle-shrink

circles-expand-02

circles-growing

circles-water-drop

double-circle-expand

double-circle-shrink

enter-large-to-small

diagonals

diagonal-bars

diagonal-rush-left

diagonal-rush-right

split-screen

doors

doors-diagonal-left

doors-diagonal-right

doors-horizontal

doors-vertical

double-arrow

double-arrow-down-45

double-arrow-down

double-arrow-left-45

double-arrow-left

double-arrow-right-45

double-arrow-right

double-arrow-up-45

double-arrow-up

effects

fades

1-second

2-second

3-second

grids

pattern-1-invert

pattern-1

pattern-2-invert

pattern-2

pattern-3-invert

pattern-3

hard-wipes

liquid

melts

perspective

perspective-screen-down

perspective-screen-middle

perspective-screen-up

single-arrow

single-arrow-down

single-arrow-left

single-arrow-right

single-arrow-up

soft-wipes

down-left

down-right

down

left

right

up-left

up-right

up

splits

squares

double-square-expand

double-square-shrink

multi-square-growing-02

multi-square-growing

square-expand

square-grid

square-shrink

squares-growing

waves

double-horizontal

double-vertical

single-down

single-left

single-right

single-up