Bauhaus 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.
Flat Bauhaus circles, arcs, squares and bars tumble corner over corner on a hidden grid into an asymmetric frieze, then rebuild into two friezes around an open band for the title.
- Install:
npx shadcn@latest add @remocn/bauhaus-build - Registry: remocn · Framework: remotion · License: MIT
- Docs and preview: https://remocn.dev/docs/motion-graphics/bauhaus-build
- Source: https://remocn.dev/r/bauhaus-build.json
- Runs: local render, free
- Aspect: any
Slots (what you fill in)
scale(number)seed(number)inkColor(color)accentColor(color)secondaryColor(color)tertiaryColor(color)loop(boolean)
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 - Hand Count —
npx shadcn@latest add @remocn/hand-count - Isometric Build —
npx shadcn@latest add @remocn/isometric-build