Effects forany website.

Particles, depth, light, motion and type, each one filmed. Start from a template that uses one, or try it in your brand in the Studio.

  • 25effects
  • 522presets
  • 71filmed

015 effects

Particles & Atmosphere

Clusters, snow, embers, bokeh and weather: particles that drift, gather and answer the pointer.

PresetChladni Plate

The Cluster

GPU particle clusters with millions of variations

GPU particle clusters with millions of variations: flowing spheroids, explosions, mandalas, Chladni resonance plates, magnetic photos and drifting spirits, with gravity points and a scene camera.

  • 34presets
  • 7filmed
  • 8templates
Particle backgrounds

Filmed looks

In templates8

More presets30

Ink BloomRandom FlowSpheroidExplosionHeliosThe SpiritSlow RotationFlower PetalsStringsMandalaSerene
PresetSoap Opera

Particle Effects

Interactive particle animations for any module

Interactive particle systems: bokeh, embers, snow, fireflies, confetti, spider webs, stars, molecules and more, with glow, lines, movement, listeners and size or opacity animation.

  • 60presets
  • 16filmed
  • 15templates

Filmed looks

In templates15

More presets56

Bokeh DreamEmbers
PresetFolded Frequency

Particle Wave

3D particle and polygon grids in motion

3D particle and polygon grids in motion: fire, galaxy, ocean horizon, hexagonal waves, smoke and honeycomb, as layers or backgrounds.

  • 28presets
  • 4filmed
  • 15templates

Filmed looks

In templates15

More presets24

Fire ParticlesGalaxyOcean HorizonFire MotionSpider WebStarry NightLost in CloudsHexa WavesFloating WavesSmokePoisonDual ColorGlitchy WaveSound Vibe
PresetPhoto Vortex

ShapeBurst

Dissolve any layer into particles that answer to the cursor

Dissolves any layer into GPU particles that answer to the cursor: burst, dissolve, repel, attract, ripple, vortex, lens, wind, fall and blow away. Grains drift at rest and stream when they fly.

  • 53presets
  • 7filmed
  • 1template

Filmed looks

In templates

More presets49

Magnetic DustSolar WindDust ColonyFrom Another DirectionViolet DisintegrationFine DustFine Dust / Classic
PresetBig Temperature

Weather

Live weather, shown and drawn on the slide

Shows live weather in a module and draws it: today's conditions, a three-day forecast, a big temperature, and weather effects on the slide such as rain on glass, thunderstorm, branching lightning, targeted strikes, drizzle, mist, frost, snow and sunshine.

  • 15presets
  • 15filmed

Filmed looks

More presets11

025 effects

Motion & Transitions

Brushes, reveals, comparisons, panoramas and scroll-driven film: new ways from one picture to the next.

PresetSilk Ribbon

Paintbrush

Paint or erase the background with the mouse

Paints or erases the slide background where the mouse moves: soft reveals, ink strokes, neon curls, airbrush and comet tails, with blur, brush, trail colour and behaviour settings.

  • 15presets
  • 1filmed
  • 1template

In templates

Presets15

Soft RevealFine LinerInk StrokeNeon CurlSharp EdgeDry BrushBristle SweepAirbrushComet TailCondensation WipeVelvet RevealSqueegeeInk Bloom
TemplateCurtain CallOpen the template

Scroll Video

Scrub a video with the scroll position

Scrubs an HTML5 video with the scroll position: the clip is prepared in the browser, plays in both directions without waiting, and can hold the module in view while it runs.

  • 5presets
  • 4templates

In templates

Presets5

Scroll ThroughPinned ScrollSlow ScrubTurntableVertical Scan
TemplateGenerative AIOpen the template

Before & After

Compare two slides with a draggable handle

Compares two slides with a draggable handle, horizontally or vertically. The handle can carry a label, animate on click, and the comparison can switch off on mobile.

  • 2templates
Before and after slider

In templates

Presets1

Before / After
TemplateSpotlight HeroOpen the template

Reveal

Reveal a module in style once it has loaded

Reveals a module in style once it has loaded: curtains, shutters, wipes, slants and irises in your colour and timing.

  • 17presets
  • 4templates

In templates

Presets17

RevealerStage CurtainShutterPaper SplitDiagonal SplitDiagonal RightWipe RightWipe LeftWipe DownWipe UpSlant RightSlant LeftRise RightRise Left
ShowcasePanorama

Panorama

Turn a slide background into a 360 degree panorama

Turns a slide background into a 360 degree panorama with drag, auto tour, mousewheel zoom and a start direction. Layers can be pinned to a look direction as hotspots.

  • 7presets

Presets7

Auto TourDrag to LookSlow DriftZoom In CloseWide AngleLevel HorizonReverse Tour

035 effects

Distortion & Warp

Pictures that ripple, bend, melt and bubble under the pointer, and glass that refracts them.

PresetChromatic Rush

Hover Morph

Bend, stretch and reveal what sits under the cursor

Bends, stretches and reveals what sits under the cursor: liquid lens morphs, masks that follow the pointer, chromatic glows, brush reveals and 3D card tilts on text, shapes, SVGs and images.

  • 33presets
  • 6filmed
  • 5templates

Filmed looks

In templates5

More presets29

Chromatic Glow SVGSpotlight RevealDisplace CometLight Hole Text DarkBlack Hole Text LightBlack Hole Circle DarkChromatic Glow TriangleMagnetic BubbleChroma BlastNeon Glow CellComet TrailOrbit Halo
TemplateGlossyOpen the template

Fluid Dynamics

Real-time fluid simulation as a layer or background

Real-time fluid simulation as a layer or background: colour clouds that swirl, split and react to the mouse.

  • 9presets
  • 9templates

In templates9

Presets9

Cyber FlowThe Cosmic BangChrome MercuryChromatic VaporJungle SpiritNeon RicochetSolar FlareSilk CurtainAurora Drift
ShowcaseLiquid Glass

Liquid Glass

Flowing optical glass over images, video and text

Lays flowing optical glass over images, video and typography: lenses, crystal waves and honey drifts that refract what lies beneath and stretch elastically after the mouse.

  • 11presets
  • 1template

In templates

Presets11

Clear BlobLiquid DropGlass RibbonGlass FlowMagnifierTwin BubblesLiquid LensCrystal WavesHoney DriftMidnight LensCanyon Glass
TemplateBackground Effect HeroOpen the template

BubbleMorph

Gooey shapes that morph, drift and follow the pointer

Adds gooey, blob-like shapes that morph, drift and react to the pointer, in the style of a lava lamp.

  • 31presets
  • 7templates

In templates7

Presets31

Soft BlobLava LampCursor DropWide PillFast WobbleStarfishRipple EdgePopcornSlow RiseHeavy WaxBreathingWater DropInk SplatPlasma
TemplateSeafood StoreOpen the template

Distortion

WebGL distortion for images and slide backgrounds

WebGL distortion for images and slide backgrounds: displacement maps, liquid fluid, cursor warp, zoom, ripple, heat haze and chromatic aberration, on hover, on slide change or as auto motion.

  • 45presets
  • 1template

In templates

Presets45

Clouds LargeRipple LargeClouds SmallCrystalize SmallSwirl LargeFibers SmallSpiral LargeGlitch SmallWaterfall LargeTunnel LargeCracks SmallZigZag LargeSettleDrift

045 effects

Depth & 3D

Scenes to travel through, sculptures that morph, real 3D models and photos relit in depth.

PresetDepth Flight

Spatial Scenes

Turn your images into immersive 3D scenes

Turns a layer into a 3D scene of floating objects the page travels through as you scroll, as a Portal, Tunnel or Orbit. Eleven object sets from leaves to crystals, or up to 96 pictures of your own, with curvature, wind, fog and lighting.

  • 43presets
  • 5filmed
  • 1template

Filmed looks

In templates

More presets39

PlanetariumSilk ReverieImmersive ArchiveForest PortalAiry CanopyInto the ForestFern PassageBloom HaloPetal DriftSecret GardenCrystal PassageAmethyst OrbitIce Halo
TemplateCymaticOpen the template

Cymatic

3D particle sculptures with fluid motion

Living particle sculptures in 3D: ten forms from spheres to cubes, twisted pillars and Moebius loops, morphing between saved states by layer action, with mouse interaction.

  • 10presets
  • 10filmed
  • 1template

Filmed looks

In templates

More presets6

TemplateDepthForgeOpen the template

DepthForge

Bring real depth into your slides.

Real 3D on a slide: objects, models from WordPress or a library, materials, lights and cameras, with parallax, orbit, cursor follow and scroll-driven timelines.

  • 12presets
  • 1template

In templates

Presets12

Helix SwarmMoss BallIce BlockOak FacetsChromatic CubeCobblestone CubeMarble CylinderShagpile Ball3D Object3D Model from WordPress3D Model Library3D Light
ShowcaseLayer Depth

Layer Depth

Relight photos, emboss text and scan images with depth

Uses a depth map to relight photographs with moving lamps and real shadows, emboss text as relief, and reveal images with dot, cross or contour scans. The depth map is generated in the editor from the photo itself.

  • 16presets
  • 1template

In templates

Presets16

Midnight LampTerrain Plus ScanPaper EmbossDepth SweepGrazing LightCross SurveySculpted LightGolden HourMoonlightNeon SweepLetterpressBlind EmbossSlate ReliefPoint Scan
ShowcaseCrystal Glass

Crystal Glass

Diamonds, crystals, spheres and glass icons that turn in front of your layers and bend them.

  • 12presets

Presets12

Crystal DiamondEmerald CutGlowing SphereHeart in GlassCrystal PointRaw StoneGlass CubeCrystal DiscHammered PlateAmber PillChrome GemFluted Glass

051 effect

Light & Glow

Light rays you place, shape and colour.

TemplateSilent BeamsOpen the template

SunBeam

Volumetric light rays from a source you place

Volumetric light rays from a source you place and shape, with colour, flare, atmosphere and cursor interaction.

  • 13presets
  • 1template

In templates

Presets13

DefaultAnamorphicCathedralSoftStrongGolden HourSpectralHazeStar FilterShaftsForestDust MotesEmber

061 effect

Interaction

Layers that follow, tilt and light up with the pointer.

TemplateHero With Cursor AnimationOpen the template

Mousetrap

Move, tilt and light layers with the pointer

Moves, tilts, points or fades layers with the pointer, spotlights them where the cursor is, or replaces the cursor. Eight ready motions plus sensor, origin, limit and dynamics controls.

  • 8presets
  • 50templates
Custom cursor effects

In templates50

Presets8

Soft DriftMagnetTilt to the PointerCustom CursorFollow the PointerTilt on HoverPoint at the PointerFade with the Pointer

071 effect

Text Effects

Type that writes itself out, letter by letter.

TemplateCyber Glitch Effect SliderOpen the template

Typewriter Effect

Type text out letter by letter

Types text out letter by letter with a blinking cursor, deletes and retypes several lines in sequence, with delays between words.

  • 3templates
Typewriter effect

In templates3

Presets1

Typewriter

082 effects

Content

Moving galleries, charts from your own data and animation from After Effects, as layers.

TemplateFilmstrip HeroOpen the template

Filmstrip

A continuously moving strip of images

A continuously moving strip of images: belts, rings, arcs, coverflow, stacks and cascades, as a slide background or as a Page FX on an existing WordPress gallery.

  • 27presets
  • 5templates

In templates5

Presets27

Mosaic WallArc DownTornadoSpiralClassic BeltFilm ReelFast TickerGallery WallSoft EdgesCoverflowDeep FlowWide FanZoom FocusWave
TemplateGaming Stats Presentation SliderOpen the template

Charts

Animated line and bar charts from CSV data

Draws line and bar charts from CSV data as layers, with full control of axes, markers, labels, legends and animation.

  • 16presets
  • 2templates

In templates

Presets16

Line Chart - Light GradientLine Chart - Dark GradientBars - Dark ComparisonBar - Light GraphLine Chart - Light TemperatureLine Chart - Dark TemperatureLine Chart - Light Memory UsageLine Chart - Dark Memory UsageLine Chart - Mono LightLine Chart - Mono DarkLine Chart - Mono Curved LightLine Chart - Mono Curver DarkBars - Light ComparisonBar - Dark Graph

25 effects, 8 kinds, one line of code

Start from a templatethat already moves.

Every effect here ships inside templates. Make one yours in Quick Edit, then paste one line into any website.