About this file
A live heads-up display: bold corners, drifting tick tapes, a sweeping radar, a target reticle and status bars.
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: accent (colour of the HUD lines) and radar (show the radar scope in the lower right). 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 HUD Frame in every workspace you belong to (as background pro/hud-frame). Pro, Team and Lifetime plans include every premium background already.
What you download
7 files · 7.7 MB · MP4, WEBM, ZIP
- hud-frame-loop-dark-1080p.mp41.4 MB MP4
- hud-frame-loop-dark-1080p.webm484 KB WEBM
- hud-frame-loop-dark-alpha-1080p.webm1.5 MB WEBM
- hud-frame-loop-light-1080p.mp41.4 MB MP4
- hud-frame-loop-light-1080p.webm481 KB WEBM
- hud-frame-loop-light-alpha-1080p.webm1.5 MB WEBM
- kadal-hud-frame.zip923 KB ZIP
Details
- Shelf
- Deck backgrounds
- Type
- Single file
- Style
- neon
- Topics
- animated backgroundbackgroundgaminghero sectionhudinterfacekadal deckpresentationradarreactsci fislide backgroundvideo 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
