Skip to content

Effects your visitors feel

Fifty‑eight ready effects: reveals, counters, spotlights, glass, marquees, navigation, forms. Pick one in the builder, tune two sliders, apply. Zero credits, removable in one click.

Six of fifty‑eight

Aurora backdropSoft colour blooms drift slowly behind the first screen
Letter-by-letter headingThe main heading assembles letter by letter
Card spotlightA soft light spot follows the cursor across cards
Image mask revealAn image is unveiled by a sliding mask as it scrolls in
CountersNumbers in stats count up from zero when they scroll in
MarqueeA row of logos or words glides in a seamless loop

Also in the catalog:Section revealCascadeWord-by-word headingParallaxCard tiltMagnetic buttonsGlass surfaceSticky glass navigationSubmit with receiptDecoding labelsUnblur on entryPinned sectionReading progress barScroll-driven rotationSection-driven tintGlowing borderImage zoom on hoverCustom cursorSliding underlineDot gridFilm grainNeon glowSliding pillHover liftButton shineCard flipParticle morphGlass objectProduct turntableStarfieldFluid cursorShader gradientVoxel islandOrbit ecosystemHorizontal stripMagnifying dockMorphing pill menuPhone navigationToastLoading skeletonConfettiVideo heroGradient sweepBrush strokeSection numbersWave dividerDuotone photosOffset frameCard shineButton pressVisible focusSection snap

How to do it

  • 1Pick a section on the left, or press “Animate”: three suggestions for its type.
  • 2Hover a card: the preview is live, the same code that will go on the site.
  • 3Tune the sliders and press “Apply”. Zero credits, one button to remove.
  • 4“Tempo” and “No motion” act on the whole site; heavy effects go lighter on phones by themselves.

Every effect is plain CSS and a 3 KB script, no libraries. Phones get a lighter version by themselves; visitors who turned motion off see the final state.