Count Up — primitive for stats & kpis (hyperframes)
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.
A token-native stat counter that eases between values, counting up or down, and lands with a restrained scale pulse.
- Install:
npx hyperframes add count-up - Registry: hyperframes · Framework: hyperframes · License: Apache-2.0
- Docs and preview: https://hyperframes.heygen.com/catalog/components/count-up
- Source: https://github.com/heygen-com/hyperframes/tree/main/registry/components/count-up
- Runs: local render, free
- Aspect: any
Slots (what you fill in)
start(number) — Start valueend(number) — End valueprefix(string) — Prefixsuffix(string) — Suffixaccent(enum) — Accentglow(boolean) — Glowexit(enum) — Exit
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 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 - Isometric Build —
npx shadcn@latest add @remocn/isometric-build