About this file
An isometric floor of tiles whose blocks rise to new heights on each click: a 3-D bar chart as atmosphere.
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: rows (rows of tiles, front to back on the left), cols (columns of tiles, front to back on the right), heights (one set per click separated by |; each set the cells' heights row by row, 0–1, or any numbers, scaled to the largest. Empty: a sample), color (the blocks' colour; the sides are shaded from it), center (where the floor's centre sits: "x,y" in % of the stage), tile (a tile's width in % of the stage's width), maxHeight (how tall a block of height 1 is, in tile widths) and glow (light a block's top more the taller it is). 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 Iso Blocks in every workspace you belong to (as background pro/iso-blocks). Pro, Team and Lifetime plans include every premium background already.
What you download
7 files · 1.5 MB · MP4, WEBM, ZIP
- iso-blocks-loop-dark-1080p.mp4166 KB MP4
- iso-blocks-loop-dark-1080p.webm90 KB WEBM
- iso-blocks-loop-dark-alpha-1080p.webm508 KB WEBM
- iso-blocks-loop-light-1080p.mp4157 KB MP4
- iso-blocks-loop-light-1080p.webm79 KB WEBM
- iso-blocks-loop-light-alpha-1080p.webm164 KB WEBM
- kadal-iso-blocks.zip409 KB ZIP
Details
- Shelf
- Deck backgrounds
- Type
- Single file
- Topics
- 3danimated backgroundbackgroundblockschartclick awaredatahero sectionisometrickadal deckpresentationreactslide backgroundstartupvideo 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