@framecn

Text fades in from a heavy blur into sharp focus.

Character-by-character text reveal with a deterministic blinking cursor.

Animates one word inside a sentence from a base color to a brand color.

Cross-fades between two strings on the same line without layout shift.

Draws a strike line across old text then reveals new text in its place.

Words fade in and slide up one after another with a configurable delay.

Words slide up out of an invisible horizontal mask, one after another.

Letter-spacing collapses and blur clears with a springy motion.

Light shine sweeps across muted text via background-clip:text.

Colored marker block draws behind a phrase as the text color shifts.

Vertical reel scrolls characters from one value to another.

Random scramble resolves left-to-right into the target text.

Three RGB-offset text copies jitter for a brief glitch window.

Seamlessly looping horizontal text strip with optional stroke style.

Living gradient with amorphous color blobs slowly drifting across the frame.

Subtle moving grid background with configurable cell size and direction.

Elastic spring-driven scale-in wrapper for any child element.

Animated mouse cursor moving between waypoints with click ripple feedback.

Continuous pulsing dot with ping ring for loading or live states.

Slide one scene in while pushing the other out.

Pull back from a UI to reveal it inside a device frame.

Aggressively scale into the center of an element.

Cards pop into a bento grid one after another with a spring.

Two-column layout where chat shrinks and preview expands.

Figma-style selection rectangle appears around any element.

Line chart whose SVG path draws on from left to right with a leading dot.

Bars spring up from the baseline in a staggered cascade.

Terminal window that types out commands and rolls old lines off the top.

Before/after code reveal via clip-path wipe with a handle marker.

System-style toast pops in, holds, then slides out.

Simulated file drag into a dropzone followed by upload progress.

Multi-step pipeline with sequentially activating nodes and filling lines.

A bento card lifts off the grid and blooms into a full-screen modal driven by a single heavy spring.

Glowing data packets travel along SVG bezier pipes between system nodes, leaving fading trails.

A realistic mouse that arcs along cubic Bezier paths, pauses, and clicks targets that dip in response.

A code window that springs a range of lines closed and replaces them with a "N lines collapsed" placeholder.

A premium frosted-glass code editor window with a regex tokenizer and line-by-line stagger reveal.

A card with a moonlight-cool radial spotlight that follows a synthetic cursor and lights up its microborder.

A 3D-tilted infinite marquee with depth-of-field blur on items rolling toward the horizon.

Deterministic seeded confetti burst with optional headline.

Elegant scene transition through a sliding pane of frosted glass.

Use giant typography as a window into the next scene.

A new scene physically presses the old one back into the frame.

Dissolve from one scene to the next through a deterministic grid of mask cells.

An ultra-fast slide transition with an RGB glitch on the peak frames.

Floating device layers spring together into a laptop or phone mockup, then the screen wakes with a shimmer.

A central logo orbited by integration satellites with pulsing data lines.

A prompt input transforms into a header, then a skeleton dashboard flips into populated cards.

Split-screen where typed code on the left snaps a live UI preview on the right, HMR-style.

Magical split-screen: code types itself on the left while the preview reactively re-renders on the right with sparks and tactile bounce.

A Kanban ticket arcs across columns triggering landings and a final confetti burst.

An empty dashboard cascades to life with KPI count-ups, bar bounces, line traces, and a donut fill.

A CLI deploy completes, the terminal blurs back, and a browser window springs from the deploy URL.

Full Safari/Chrome simulation: typed URL, progress bar, page render, scroll, and a virtual cursor click.

Three pricing cards where the focused tier rises and brightens while siblings dim and blur.

A camera diagonally drifts across an oversized bento grid behind a soft vignette.

Source image blurs under a shimmering dot grid and a pulsing 'Generating…' pill before a new image fades in.

A wordmark splits apart as a design node scales up from nothing between the two words.

One asset reframes itself through every aspect ratio while the headline stretches and compresses around it.

An image lifts out of a feed post and morphs into a fullscreen editor with toolbars sliding in.

Two scenes laid out side-by-side flick across the screen with a parallax background and a darkening outgoing layer.

Cinematic Product Hunt teaser: pulsing logo, zoom-through transition, 3D bento fly-over, and a confetti version drop.

Word-by-word captions with an accent-colored highlight background that sweeps in behind each spoken word.

Karaoke-style captions where each word sits inside a pill-shaped background.

Dynamic word-by-word captions: each word pops in with a springy scale/opacity entrance, then drops out in an overlapping ripple.

Words reveal left-to-right via clip-path; keywords turn gold on speak; the group exits with a wipe.

Headline-style captions that emphasise specific words using accent colors and weight shifts.

Captions with emoji that pop in alongside words.

Captions with a glitchy RGB-split effect on each word.

Captions where words fill with a horizontal gradient from left to right.

Matrix-style green text decodes from blur to sharp on each word.

Captions where words glow with a bright neon accent border and subtle glow.

Captions with a neon glow effect on each word.

Multi-layer captions where background and foreground words move at different depths, creating a parallax depth effect.

Captions where each word explodes into particles as it exits.

Captions filled with a rich gradient texture that animates across words.

Font weight animates from 100 to 900 when each word is spoken, back to thin after.

Deterministic CSS-animated particle burst celebration effect.

Row of overlapping logo circles that spring in one by one.

Layout wrapper providing a background fill with optional padding, radius, and shadow.

Letters animate in from top to bottom.

Words blur and drift upward while fading out, staggered per word.

Text resolves into focus from a blurred, shifted state, then blurs back out on exit.

Characters rise from below with a smooth spring-like easing, staggered one frame apart.

Text enters scaling down into place with a fade, then shrinks and fades out.

Overlapping translucent color panels sliding past each other.

Ordered-dither shading over an animated gradient field.

Dots orbiting on concentric paths across the frame.

Volumetric light rays radiating from an off-screen source.

Grainy multi-stop gradient that drifts slowly with film-grain texture over the blend.

Molten metallic surface with flowing specular highlights.

WebGL mesh gradient backdrop driven per-frame for deterministic Editframe renders.

Organic blobs merging and splitting like lava.

Organic neural-web noise field that slowly morphs.

Classic Perlin noise clouds drifting across the frame.

Glowing border frame that pulses around the edges.

Simplex noise flow field, smoother than Perlin.

Soft smoke ring curling and dissipating in place.

Rotating spiral arms radiating from the center.

Concentric bands swirling around a center point.

Animated Voronoi cells shifting and re-tessellating.

Domain-warped color field that folds and stretches like liquid.

Caustic water-surface ripples with subtle refraction.

Frame context, timeline transitions, official shadcn theme palettes, and selectable icons.

Timeline-driven accordion.

Timeline-driven ai prompt flow.

Timeline-driven alert dialog.

Timeline-driven blur in.

Timeline-driven button.

Timeline-driven caret.

Timeline-driven chat flow.

Timeline-driven checkbox.

Timeline-driven checkout flow.

Timeline-driven combobox.

Timeline-driven command menu.

Timeline-driven command menu item.

Timeline-driven context menu.

Timeline-driven cursor.

Timeline-driven dialog.

Timeline-driven drawer.

Timeline-driven dropdown menu.

Timeline-driven dropdown menu item.

Timeline-driven field.

Timeline-driven imessage chat flow.

Timeline-driven input.

Timeline-driven message bubble.

Timeline-driven onboarding stepper flow.

Timeline-driven popover.

Timeline-driven progress.

Timeline-driven radio.

Timeline-driven resizable.

Timeline-driven select.

Timeline-driven select item.

Timeline-driven settings toggle flow.

Timeline-driven sheet.

Timeline-driven signup flow.

Timeline-driven skeleton.

Timeline-driven skeleton block.

Timeline-driven slider.

Timeline-driven spinner.

Timeline-driven stepper.

Timeline-driven switch.

Timeline-driven tabs.

Timeline-driven telegram chat flow.

Timeline-driven toast.

Timeline-driven toggle group.

Timeline-driven tooltip.

Timeline-driven typing indicator.