# Floating UI Cards Promo — trending format for launch videos

> **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 `.md` to its path. Before generating anything, show the person the options on the use-case 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://skills.varg.ai/previews/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)

## Used for

- [SaaS launch or product promo](https://skills.varg.ai/use-cases/launch-video.md): A polished launch film for an app or website: UI cards, device mockups, kinetic type, music.
- [Changelog or release video](https://skills.varg.ai/use-cases/changelog-video.md): Release notes, a PR or a GitHub repo turned into a short video for X or LinkedIn.
- [Trending AI video formats](https://skills.varg.ai/use-cases/trending-formats.md): What's going viral now — formats you can make for your brand today, with the skill for each.
- [App Store preview or app demo video](https://skills.varg.ai/use-cases/app-demo-video.md): A polished demo of your app: device mockups, real screens, captions, music — for the App Store, ads or a landing page.

## More launch videos skills

- [Orbit Card](https://skills.varg.ai/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://skills.varg.ai/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://skills.varg.ai/skills/guizang-product-video.md): Software promos and release-notes videos built from your real product components, with original music and SFX.