About this file
A soft disc of light that glides to a new place, size and colour on each click, while the slide stays still.
Made as a Kadal Deck premium background, it fills whatever box you give it at its real size, in light and dark, and follows your brand colour (the --deck-accent CSS variable). Settings: stops (one light per click: "x,y,r,colour", x, y in % of the stage, r in % of its width, stops separated by |, or a YAML list of { x, y, r, color }), duration (seconds the light takes to glide to the next stop), ambient (a faint wash of the light's colour over the whole stage, 0 to 1), floor (the light's spill on the floor under it, following it across), breathe (a slow 2 % breath of the light between clicks) and softness (how far the light's edge spreads, 0, tight to 1, very soft). The animation pauses off screen and in background tabs, and holds still for visitors who ask for reduced motion.
What you get: a web component, one script with no framework, for a plain page, Webflow, WordPress or Framer, drawing behind your own content. A React component. Stills at 2560 x 1440 in light and dark. Seamless 10-second loops at 1920 x 1080, MP4 and WebM, for any video editor. A demo page to try the settings and print a PDF, and a README with a recipe for each.
In Kadal Deck, buying it unlocks Spotlight Follow in every workspace you belong to (as background pro/spotlight-follow). Pro, Team and Lifetime plans include every premium background already.
What you download
5 files · 4.2 MB · ZIP, MP4, WEBM
- kadal-spotlight-follow.zip1.9 MB ZIP
- spotlight-follow-loop-dark-1080p.mp41.0 MB MP4
- spotlight-follow-loop-dark-1080p.webm117 KB WEBM
- spotlight-follow-loop-light-1080p.mp41.0 MB MP4
- spotlight-follow-loop-light-1080p.webm86 KB WEBM
Details
- Shelf
- Deck backgrounds
- Type
- Single file
- Topics
- animated backgroundbackgroundcinematicclick awaredarkhero sectionkadal decklightpresentationproductreactslide backgroundspotlightstartupvideo loopweb component
- Licence
- Standard — covers paid work
What the licence allows
Standard licence
- Use it in your own projects and in work you are paid for.
- Print it as often as you like, for yourself or for a client.
- Change it, crop it, recolour it, and combine it with other work.
- Keep using it after you stop buying from us. The licence does not expire.
- Resell or give away the file itself, or a lightly changed version of it, as a digital product.
- Share your download link or your account.
- Register it, or anything substantially it, as a logo or trademark.
- Put it into a dataset used to train a model.
Better together
Also in these packs
Deck backgrounds