Novamag
FeaturesAnimation

Animation

Put widgets and layouts in motion: fly in, fade in, with your own timing. Switched on in the editor, without code, fully responsive.

Availability: Included in every planPlans →
AnimationEffectFrom leftFrom bottomZoomFade inDuration0.6 sDelay0.2 sTriggerIn viewportRepeatOnceEasingApplies toTextImageButton
Preview
What it brings

Animation at a glance

How it works

For any element

A single widget or a whole content area — what gets animated is up to you. Cover stories and photo series get their entrance that way.

Without code

Select, set, and see straight away how the layout behaves. Type, direction and timing are set in the editor with a click.

Responsive

Animations run just as cleanly on desktop, tablet and phone, and can be checked and adjusted per device.

Fly in, fade in, move

Several kinds of animation are ready: flying in from the left, the right, above or below, a gentle fade, and movement with different timing. That way accents are set and content stands out.

EditorImageWidget: ImageFly in from leftRight to leftLeft to rightFade inFly in+ 14 more …Duration0.6 sDelay0.2 sTriggerIn viewport

Switched on right in the editor

Select a widget or an area and switch on the animation you want under “Animation”. No complicated settings, no code: select, set, and see the layout change straight away.

Project stylesAaAaAaAa300 · 400 · 600 · 800H1H2H3H6Heading H2Subheading H3Body text 400Aa 16/24

A modern experience on every device

Every animation is fully responsive. Content feels smooth and considered on desktop, tablet and phone. Static content becomes an experience that leads readers through it.

DesktopNotebookTabletSmartphone
How it works

Animation in three steps

1

Choose the element

Mark a widget or a whole content area in the editor. Every element on the page can have an animation of its own.

2

Switch the animation on

Set type, direction and timing under “Animation”. The preview shows at once how the element moves.

3

Check

Check the preview per device, then publish. Animations run just as cleanly on desktop, tablet and phone.

With Nova AINova AI applies animation where it stages content, for instance on cover stories and image series.

Try Animation with your own material

Register for free, have an issue built, try out the features. No payment details.