# Floating UI Cards Promo — trending format for launch videos

> **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 `.md` to its path. Before generating anything, show the person the options on the how-to page.

A SaaS promo told through floating UI cards (social post, live pill, feature chip) over a halftone backdrop.

- **Slug:** `want-floating-ui-cards-promo`
- **Status:** wanted
- **Publisher:** varg inspiration board (varg)
- **Source:** https://varga.notion.site/add-3979b7e6f38680059a4eec16551e523f
- **Cost:** ~6 credits / run (estimate) — Render only (catalog of 2026-10-23); an ElevenLabs v4 Turbo voiceover adds ~0.0042 credits per character (minimum 2).

## What it does

Product moments are told by UI artifacts instead of screen recordings: a social-post card, a notification with a green "Live" pill, a purple feature chip, a counter and a cursor click float with spring motion over a gray halftone-dot backdrop, under a lower-third tagline. It is a staple of SaaS launch videos and fully deterministic. An agent turns product facts into 3–6 moments, themes a card kit from the brand's website tokens, animates spring scale-ins, blur-to-sharp and slow parallax in HyperFrames, and draws the backdrop with Paper Shaders (Halftone Dots, Dot Grid, Grain Gradient).

## Status

A format people ask for that has no dedicated skill yet. Make it with the skills on the use-case pages below, or with varg directly.

Example: https://varga.notion.site/add-3979b7e6f38680059a4eec16551e523f

How an agent would make it: Product facts → 3–6 UI moments → card kit themed from brand tokens → spring, blur-to-sharp and parallax motion in HyperFrames → Paper Shaders halftone backdrop → lower-third taglines

**Models it drives:** render, eleven_v4_turbo

## Example output

https://s3.varg.ai/how-to/previews/e4254032122f/want-floating-ui-cards-promo.webp — Frame of the product video saved on the board as 'badges': a social-post card and a 'Signal Scout' notification with a green Live pill and a purple Enrichment chip float over a gray halftone backdrop, with the lower-third 'Skip the setup. Ship results.' (a still; the video itself is not on the board) (credit: Unknown creator (original post not found), via the varg inspiration board, https://varga.notion.site/add-3979b7e6f38680059a4eec16551e523f)

## More launch videos skills

- [Orbit Card](https://varg.ai/how-to/skills/hyperframes-orbit-card.md): A single feature card orbits a dot sphere on a Blender-made camera move: a 10-second product beat.
- [Onetake](https://varg.ai/how-to/skills/onetake.md): Launch films that never cut to the next slide: one continuous camera, measured moves, motion blur, a slideshow oracle.
- [Guizang Product Video](https://varg.ai/how-to/skills/guizang-product-video.md): Software promos and release-notes videos built from your real product components, with original music and SFX.
