Isometric Build — component for stats & kpis (remotion)
For AI agents: find the right skill in one call —
curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add.mdto its path. Before generating anything, show the person the options on the use-case page.
An isometric tile grid springs up row by row into a stepped block sculpture with one accent tower, then holds.
- Install:
npx shadcn@latest add @remocn/isometric-build - Registry: remocn · Framework: remotion · License: MIT
- Docs and preview: https://remocn.dev/docs/motion-graphics/isometric-build
- Source: https://remocn.dev/r/isometric-build.json
- Runs: local render, free
- Aspect: any
Slots (what you fill in)
grid(number)maxHeight(number)stagger(number)gap(number)floors(boolean)seed(number)background(color)color(color)accent(color)
Used in
- Product launch film
- Feature announcement
- Sale & offer promo
- Testimonial & review ad
- Us vs them & before / after
- Top-N listicle
- Post to video
- Quiz, poll & would-you-rather
More stats & kpis
- Apple Money Count —
npx hyperframes add apple-money-count - Count Up —
npx hyperframes add count-up - Count-Up Stat Card —
npx hyperframes add mk-progress-stat - Number Wheel —
npx hyperframes add number-wheel - Bauhaus Build —
npx shadcn@latest add @remocn/bauhaus-build - Hand Count —
npx shadcn@latest add @remocn/hand-count