Split-Flap Headline Quote — effect skill for quotes & reviews
For AI agents: find the right skill in one call —
curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>"returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add.mdto its path. Before generating anything, show the person the options on the how-to page.
A short quote or result spells itself out on a split-flap board, tiles flipping until they land.
- Type: Effect · Quotes & reviews
- Slug:
split-flap-quote - Status: live
- Publisher: Aceternity UI (community)
- License: Aceternity License (free components)
- Source: https://ui.aceternity.com/components/text-flipping-board
- Works in: Claude Code, Claude.ai, Codex, Cursor, OpenClaw, Gemini CLI, Any MCP client, varg Studio
- Requires: HyperFrames (npx hyperframes), Remotion, CapCut (by hand)
- Cost: Free — the take renders locally; generated footage, if any, bills by the model
What it does
Built on Text Flipping Board by aceternity, Aceternity License (free components). The write-up and recipes below are varg's.
Dark tiles with a center seam, each walking through letters and settling left to right with mechanical clicks.
When: A memorable short line: a result ("SHIPPED IN 2 DAYS") or a three-word review.
Watch out: Do not use more than ~20 characters; long boards flip forever and nobody reads them.
Timing: 1.2–2 s total, tiles settle 40–60 ms apart; add a soft click SFX per settle.
Also called: departure board, solari board, flip board quote
In HyperFrames
npx hyperframes add split-flap-board
Each cell's drum position is derived from time, so seeking any frame shows the right letter.
In Remotion
const settleAt = i*2 + 20; // frames
const ch = frame>=settleAt ? target[i] : ABC[(frame + i*3) % ABC.length];
In CapCut
Text → Text templates → search "flip"/"board"; or use Animation In "Flip" per letter layer.
Ready-made components
- Text Flipping Board (aceternity): npx shadcn@latest add @aceternity/text-flipping-board
- Split-Flap Board (hyperframes): npx hyperframes add split-flap-board
Where this comes from
Use when
- A memorable short line: a result ("SHIPPED IN 2 DAYS") or a three-word review.
Not for
- Do not use more than ~20 characters; long boards flip forever and nobody reads them.
Install
- Claude Code:
claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg - Codex:
npx skills add vargHQ/skills --skill varg-video-edit-library -a codex -y - Cursor:
npx skills add vargHQ/skills --skill varg-video-edit-library -a cursor -y
Example output
https://s3.varg.ai/how-to/previews/6177d2c767ae/lib-aceternity-text-flipping-board.mp4 — Preview of the Text Flipping Board component that builds this take (credit: Rendered by varg from the library’s own code (Aceternity UI), https://ui.aceternity.com/components/text-flipping-board)
More quotes & reviews skills
- Tweet as Proof Card: A real post from a user animates in as a card: avatar, name, text, then counts tick up.
- Quote at Reading Pace: One strong customer sentence reveals word by word, then the name, role and avatar settle under it.
- Star Rating Sweep: Five stars fill left to right to the real score while the number counts up beside them.
- Wall of Love Marquee: Two or three rows of review cards drift in opposite directions, fading at the edges.
- Community Post as Proof: A real community post or comment card pops over the footage with its upvotes counting up.
- Reviews Arrive as Notifications: Short reviews land as system notifications that stack and push each other down.
Run the generation on varg
varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.
- Claude Code:
claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg(skill + hosted MCP) - Codex, Cursor, Gemini CLI, OpenClaw:
npx skills add vargHQ/skills --skill varg-ai -a <agent> -y - Grok and any agent that reads SKILL.md:
npx skills add vargHQ/skills --skill varg-ai, or point it at the skill's SKILL.md - Claude.ai, ChatGPT, any MCP client: connect
https://mcp.varg.ai/mcp - API key: https://varg.ai/dashboard/api · Model specs: https://varg.ai/models/llms.txt