About this file
Anime speed lines, radial or diagonal, that close in and thicken per click; the middle stays clean for the words.
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: mode (radial: lines rush in towards a focus, an impact. Diagonal: streaks fly past, a dash), focus (radial only: where the lines point, and where the clean space sits. Put the words there), steps (intensity 0–1 before the first click, then one per click: "0.3 | 0.7 | 1". More lines, closer in; nothing moves), ink (the lines' colour, default: the theme's text colour, so dark on light and light on dark), count (how many lines at full intensity), angle (diagonal only: the streaks' angle, in degrees), flicker (the lines shimmer like hand-drawn cels, radial or fly past, diagonal; still under reduced motion and in print) and flash (an impact flash from the focus on every click). 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, and transparent ones to lay over a photo. Seamless 10-second loops at 1920 x 1080, MP4 and WebM, for any video editor, and WebMs with transparency for overlays. 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 Speed Lines in every workspace you belong to (as background pro/speedlines). Pro, Team and Lifetime plans include every premium background already.
What you download
7 files · 5.8 MB · ZIP, MP4, WEBM
- kadal-speedlines.zip574 KB ZIP
- speedlines-loop-dark-1080p.mp4680 KB MP4
- speedlines-loop-dark-1080p.webm429 KB WEBM
- speedlines-loop-dark-alpha-1080p.webm2.0 MB WEBM
- speedlines-loop-light-1080p.mp4822 KB MP4
- speedlines-loop-light-1080p.webm627 KB WEBM
- speedlines-loop-light-alpha-1080p.webm759 KB WEBM
Details
- Shelf
- Deck backgrounds
- Type
- Single file
- Topics
- animated backgroundanimebackgroundclick awarecreativehero sectionimpactkadal deckkineticmangapresentationreactslide backgroundspeed linesvideo 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