Skip to main content
Animated effects add motion overlays to your landing page — particles that float across the background, a light beam that travels around a card’s border, or a glow that pulses around a button. Effects are purely visual: they render with pointer-events: none, so they never block taps or clicks on the content beneath them.

​
Where effects appear

​
Setting a global effect

A global effect applies to every card or button on the page at once (background effects are always global — there’s only one background).
1

Open the Theme panel

With your page open in the builder, click Theme in the header.
2

Choose Customise on your active theme

On the theme card that’s currently applied, click Customise. This opens the Customise · Global panel in the right-hand sidebar.
3

Expand the Effects section

Scroll down and click Effects to expand it. You’ll see three dropdowns: Background effect, Card effect, and Button effect.
4

Pick an effect

Open a dropdown and choose a named effect. The canvas preview updates immediately, at full visual intensity — exactly as visitors will see it.
Customise panel Effects section showing Background effect set to Meteor Shower, with diagonal streaks visible in the canvas preview behind the page title block

The global Effects panel, with Meteor Shower applied as the background effect

5

Publish to make it live

Effects render identically in the canvas and on the published page, so there’s nothing further to configure — just publish when you’re ready.
To remove a global effect, open the same dropdown and choose None (disabled).
Background effect dropdown open, listing Preset default, None (disabled), Meteor Shower, Particles, and Animated Gradient

The Background effect dropdown, showing all three named background effects plus Preset default and None (disabled)

​
Overriding the effect on a single block

Any individual card or button block can use a different effect than the global setting, or disable effects entirely, without changing the global setting for other blocks.
1

Select the block

Click the block in the canvas, or select it from the Blocks list on the left.
2

Open the block's Design tab

In the right-hand inspector, click Design.
3

Expand Effects and choose an option

Under the Effects heading, open the effect dropdown (labelled Card Effect or Button Effect depending on the block type) and choose:
  • Theme default — inherits whatever the global setting is. This is the default for every block.
  • None (disabled) — turns off effects for this block only, even if the global setting has one applied.
  • Any named effect — overrides the global setting and uses this effect just for this block.
Block Design tab Effects section showing the Card Effect dropdown open with Theme default, None (disabled), Border Beam, Shine Border, and Neon Glow options

A block's own Design tab, with its Card Effect dropdown open

This is useful when most cards on a page should have an effect but one — a form or a disclaimer, for example — should stay static and easy to read.

​
Available effects

​
Background effects

​
Card effects

Card effect dropdown open, listing Preset default, None (disabled), Border Beam, Shine Border, and Neon Glow

The Card effect dropdown

​
Button effects

Button effect dropdown open, listing Preset default, None (disabled), Border Beam, Shine Border, and Neon Glow

The Button effect dropdown

In the global Customise panel, the dropdowns default to Preset default (the effect your active theme ships with) rather than Theme default — that label is reserved for per-block overrides, where it means “inherit the global setting.” Functionally, choosing None (disabled) always turns effects off for its scope.

​
Canvas preview vs. published page

Effects render at full visual intensity in both the canvas builder and the published landing page — what you see while editing is what visitors see. There’s no separate “preview mode” needed to check how an effect looks.

​
Performance notes

Effects are lightweight and client-rendered, and they don’t call any external service. They run entirely in the browser and have minimal impact on page load time.
  • Themes — setting theme-wide default effects from the Customise panel’s Effects section.
  • Design options — the per-block Effects group that overrides the global setting.
  • Blocks reference — the blocks that carry a Card or Button effect.