Split Tilt Cards — primitive for comparisons (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.
Two equal-weight cards arrive from opposite wings with mirrored rotateY book-open tilts under one shared perspective, pill badges spring-pop at each inner edge…
- Install:
npx hyperframes add split-tilt-cards - Registry: hyperframes · Framework: hyperframes · License: Apache-2.0
- Docs and preview: https://hyperframes.heygen.com/catalog/components/split-tilt-cards
- Source: https://github.com/heygen-com/hyperframes/tree/main/registry/components/split-tilt-cards
- Runs: local render, free
- Aspect: any
Slots (what you fill in)
label_a(string) — Left labellabel_b(string) — Right labelbadge_a(string) — Left badgebadge_b(string) — Right badgeaccent(enum) — Accentexit(enum) — Exit
Used in
- UGC ad with overlays
- Us vs them & before / after
- Quiz, poll & would-you-rather
- Pull request to video
- Step-by-step tutorial
More comparisons
- Before After Wipe —
npx hyperframes add before-after-wipe - Comparison Split —
npx hyperframes add comparison-split