Other Videos

Keep the original Liquid Glass design, aurora background, layout, duration, and animation. Replace the three small widgets with: RESEARCH Value: 12 SOURCES Use a magnifying-glass icon Use a short source-loading bar SCRIPT Value: READY Use a document or text-lines icon Show the progress bar at 100% EDIT Value: 78% Use a scissors or video-timeline icon Show a circular progress indicator at 78% Replace the large panel with: Use my uploaded logo Title: AI Video Workflow Subtitle: From idea to finished video Status: Editing in progress Progress bar: 78% Replace the three bottom chips with: Research with a magnifying-glass icon Script with a document icon Publish with an upload-arrow icon Use icons that directly match each label. Do not reuse the original battery, temperature, steps, Bluetooth, or focus icons. Render the final 8-second video. To render the animation with a transparent background, use: npx hyperframes render --format mov --output liquid-glass-overlay.mov Now go create your animation, and follow me for more HyperFrames tutorials. #hyperframes #motiongraphics #ai "
width="135" height="240">
HyperFrames Day 6 - Liquid Glass Animations HyperFrames has ready-made Liquid Glass animations that you can customize for your own videos. First, install the block inside Codex, Claude Code, Cursor, or another coding agent: npx hyperframes add liquid-glass-widgets Then copy the Usage block from the HyperFrames catalog and use this prompt: Use HyperFrames /motion-graphics to create an 8-second 1920×1080 video using the installed liquid-glass-widgets block. Add the block to the host composition using:
Keep the original Liquid Glass design, aurora background, layout, duration, and animation. Replace the three small widgets with: RESEARCH Value: 12 SOURCES Use a magnifying-glass icon Use a short source-loading bar SCRIPT Value: READY Use a document or text-lines icon Show the progress bar at 100% EDIT Value: 78% Use a scissors or video-timeline icon Show a circular progress indicator at 78% Replace the large panel with: Use my uploaded logo Title: AI Video Workflow Subtitle: From idea to finished video Status: Editing in progress Progress bar: 78% Replace the three bottom chips with: Research with a magnifying-glass icon Script with a document icon Publish with an upload-arrow icon Use icons that directly match each label. Do not reuse the original battery, temperature, steps, Bluetooth, or focus icons. Render the final 8-second video. To render the animation with a transparent background, use: npx hyperframes render --format mov --output liquid-glass-overlay.mov Now go create your animation, and follow me for more HyperFrames tutorials. #hyperframes #motiongraphics #ai