Loading video...

Video Failed to Load

Go Home

Gooey (liquid) effect Optimized for UI, 2 different types, works with shadows, build-in image melting effect, playground, zero dep npm install liquid-gooey

265,413 views • 2 days ago •via X (Twitter)

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

A moment suspended between Saudi Arabia's football passion and coffee tradition. GPT Image 2 + Seedance 2.0 on BudgetPixel AI prompt A highly cinematic, photorealistic single-shot sequence that preserves the exact original location, environment, architecture, objects, lighting conditions, camera perspective, and subject position from the source video. Do not replace, redesign, relocate, or alter the setting in any way. The person remains in the exact spot where they were filmed, maintaining their original pose, facial expression, body position, and interaction with the environment. The subject is wearing the official Saudi Arabia national football team uniform throughout the entire sequence: authentic green Saudi Arabia jersey with white details, official team crest, matching football shorts, athletic socks, and football boots. The uniform must appear naturally integrated into the original scene with realistic fabric folds, stitching, texture, shadows, reflections, and movement-free realism. Every background element, object, texture, structure, shadow, reflection, and environmental detail must remain identical to the original footage. The effect transforms the captured moment into a frozen-time cinematic sequence while keeping the real-world location completely unchanged. The subject is captured at the exact moment they pour a beverage from a transparent cup. Time has completely stopped. The liquid erupts from the cup in a dramatic suspended splash, forming elongated ribbons, twisting streams, intricate arcs, and hundreds of individual droplets frozen midair. Every droplet, splash fragment, and liquid strand appears perfectly suspended in space, creating the impression of a sculptural masterpiece made of liquid. The liquid spilling from the cup must be identical to the liquid inside the cup, with perfectly matching color, texture, thickness, reflections, transparency, and material properties. The beverage can be any type or color, but it must remain visually consistent throughout the scene with extreme realism. The subject remains absolutely motionless, frozen in the precise instant of action. Their posture, facial expression, fingertips, hair strands, jersey fabric folds, shorts texture, socks, football boots, accessories, and every micro-detail are perfectly preserved. Tiny condensation droplets on the cup, reflections on the surface, and subtle imperfections remain locked in place as if the entire world has been paused between two frames of time. The surrounding environment is equally frozen. Every object visible in the original footage remains completely static. Nothing moves. No wind, no shifting light, no falling droplets, no environmental motion. The entire world exists in a state of perfect suspension. The only moving element is the camera. The camera performs a slow, smooth cinematic arc movement around the subject, beginning from the original camera viewpoint and gradually orbiting to one side while maintaining focus on the frozen action. As the camera travels through three-dimensional space, it reveals changing perspectives of the suspended liquid sculpture, the Saudi Arabia football uniform, the subject, and the original environment. Strong spatial parallax is visible throughout the movement. Foreground droplets, liquid strands, the subject, nearby objects, and distant background elements shift relative to one another, creating a powerful sense of depth and dimensionality. The scene feels like moving through a perfectly preserved moment in time. Natural lighting remains consistent and unchanged throughout the shot. Shadows stay fixed, reflections remain stable, and materials such as glass, metal, stone, wood, fabric, football jersey fabric, embroidered team crest, and liquid exhibit highly detailed photorealistic textures. Captured with a premium wide-angle cinema lens, the scene emphasizes depth, scale, and immersive three-dimensional realism. The Saudi Arabia football uniform appears crisp, premium, and authentically detailed, with realistic fabric texture and professional sportswear quality. Core visual concept: The entire world is frozen in time exactly as it appeared in the original footage, like a hyper-detailed sculpture, while a subject wearing the Saudi Arabia national football team uniform pours a beverage that explodes into a suspended liquid masterpiece. The camera freely moves through the frozen moment, revealing dramatic parallax, depth, and cinematic realism from multiple angles. Style: Hyper-realistic, cinematic, ultra-detailed, 3D stop-motion illusion, frozen-time photography, volumetric depth, realistic lighting, film-quality rendering, smooth camera orbit, strong parallax, premium commercial sports production, museum-like suspended motion sculpture, exact environment preservation, original location consistency, photorealistic liquid simulation, luxury football advertisement aesthetic, FIFA World Cup promotional quality, 8K photorealism.

Sharon Riley

42,983 views • 1 month ago

home page hero ✨ Design notes: - "Forever" hero text dot pixel FX done in Unicorn Studio. (I will do a whole tutorial on this later. Unicorn's WebGL engine is absolutely wild and very powerful / robust) - built in Framer - I wanted to recreate the iOS unlock effect where your home screen icons cascade into place in a beautifully timed choreography. This took a lot of careful timing using Framer's "Appear" effect on the hero text and surrounding avatars because it was super important that we didn't lose the legibility of our main message ("Build Your Forever Audience") with all the animations. - If you look closely, the choreography is setup to lead your eye through the hero text first starting with "Build Your" then "Forever" and finally "Audience." - With those text layers in place + the surrounding avatars, there is a slight 1 sec pause before the remaining elements slide in below and above (How it works, CTA buttons, announcement badge, and lastly the main nav). - All told the entire loading sequence is 6 seconds - Custom particle system powers the interactive star field (the stars slowly gravitate to your pointer position, and the star field perspective changes ever so subtly as you move your mouse around on the page) - I have 3 shooting stars made of small white line layers that start out off canvas rotated at different angles that shoot across to another point off canvas at random times on a loop effect. - Given this hero scene is in space, I wanted the surrounding avatar elements to "float" in low gravity mode. For this I used Framer's loop effect that slowly oscillates the layer's y position. I then offset the delay of each element randomly to stagger the floating loop so each avatar floats independently/randomly - The final major treatment for this hero scene was the scroll animations on the avatars. I wanted to create a bit of a warp speed effect when you scroll down, as if the avatars were being pulled or sucked into a worm hole as you scroll down below this hero fold. - To accomplish this, I applied Framer's scroll transform affect set to "section in view" on each of the floating avatars, and set the "scroll to" position of the upper avatars to be much, much further away on the y-axis than the "scroll to" position of the lower avatars. (eg. -1700px on upper most avatars vs. -600px on lowest positioned avatars). This effectively causes the upper avatars to slide up off the hero canvas with much greater velocity than the lower positioned avatars. - And when you scroll back up to the hero section, the inverse happens where the lower positioned avatars "arrive back in place" from up above the hero canvas before the upper avatars come back into the scene and settle in place. - Overall I wanted this hero section to feel alive. The floating avatars, particle system with very subtle star movements, and the Caustics effect on the "Forever" text all sort of move at the pace of slow breathing - which is a great pace to create a sense of life and comfort in your scene. Conversion Results (so far) - When this new Framer site launched along with Calaxy v1.9 release on Base a couple weeks ago, we saw a surge in traffic, around 20k page views in the first few days. - Of those 20k hits, 11k visited the app install page ( - which is our main CTA - We saw around 10K new users in the first week after v1.9 launch Overall I'm very happy with the new site and early performance metrics. Lots of tweaking to do but its a good start. If you are a designer building in Framer - hit me with any questions on the above hero notes. Happy to share more specifics! 👾

Chadd Weston

16,281 views • 10 months ago

How to build a viral Web3 app in an afternoon using the ChainGPT AI skill for Claude Code. No coding experience required. I built Roast My Wallet. Paste any Ethereum wallet address, get a savage AI-generated roast of your trading history, a Degen Score out of 100, an on-chain report card, and three AI-generated NFT portraits. Here's exactly how it came together. Setup (3 minutes): 🔸Install Claude Code at 🔸Run /plugin install ChainGPT-org/chaingpt-claude-skill 🔸Get an API key at 🔸Type /chaingpt and describe what you want to build What the skill actually does: The ChainGPT skill doesn't just give you starter code. It knows the entire API. Every endpoint, every parameter, every credit cost, every error code. When I asked it to build the roast feature, it knew to call the LLM endpoint, how to stream the response back to the browser in real time, and how to handle errors automatically. I didn't look up a single thing. How it works under the hood: 1. Pulls real ETH balance and transaction count from the Ethereum blockchain 2. Feeds those numbers into ChainGPT's LLM and streams the roast back live 3. Calculates a Degen Score from your tx count vs balance ratio 4. Generates a report card with letter grades across Trading, Patience, Risk, Diamond Hands, and NGMI 5. Uses the roast text to generate three custom NFT portraits in parallel via VeloGen 6. Packages everything into a downloadable PNG card ready to post 7. Every feature came from describing what I wanted: 8. "Make the API key server-side." Done. 9. "Add an animated arc gauge for the degen score." Done. 10. "Generate NFT portraits using the roast text as context." Done. I never wrote a function or debugged an API response. I described outcomes. The ChainGPT skill handled the rest. If you can describe what you want to build, you can build it. Get your API key. Install the skill. /plugin install ChainGPT-org/chaingpt-claude-skill Anyone can build with ChainGPT AI!

ChainGPT

29,303 views • 3 months ago

I Combined ChatGPT 5.5 Image-2 + Claude Fable 5… And Built This FULL Game in JUST 8 Hours 😱 The World Has Officially Changed Forever Guys… I still can’t believe what I just pulled off. I took ChatGPT 5.5’s new Image-2 to generate every single visual characters, environments, UI, particles, everything and paired it with Claude Fable 5 for the entire codebase. The result? A complete, polished, fully playable game… finished in only 8 hours. No massive team. No months of crunch. No expensive asset packs. Image-2 created mind-blowing art assets on demand. Fable 5 turned those images into real, working code mechanics, physics, AI, animations, menus everything. This hybrid combo is straight-up sorcery. The world has truly changed. We are no longer waiting years for games to be made. One person + these two god-tier AIs just built something that used to require entire studios and huge budgets… in less than a single workday. This is the next level of human civilization. This is what creation looks like from now on. But here’s the crazy part: This free access ends June 22, 2026. After that, you’ll have to pay/subscribe to keep using it. If you’ve been waiting to see what the future of game dev actually looks like… THIS IS IT. Go try it right now before the paywall hits. Don’t sleep on this. Seriously. Drop in the comments: What game should I build next with this insane Image-2 + Fable 5 hybrid? Like if your mind is blown too 🔥 And tag a friend who NEEDS to see this before it’s gone. The future isn’t coming… It’s already here. And it’s free for one more day only. #Fable5 #ChatGPT55 #Image2 #AIHybrid #GameDevRevolution

Zayro.ETH

27,929 views • 2 months ago

this effect is all over tiktok right now and nobody's explaining how to actually do it properly... the 3d balloon character thing. where someone turns into a shiny inflatable version of themselves that still moves and talks. looks pretty smooth in feeds. the workflow is stupid simple once you see it. step 1: take any photo. drop it into an image gen tool (nano banana pro). prompt it with something like "make the person in the photo a plastic blow up balloon character with a shiny surface. keep the face details as 3d balloon details including the person in the background. don't change background" that's it for the image. don't overcomplicate the prompt. shorter = more consistent results. (learned this after wasting like 2 hours trying to get "perfect" prompts that kept giving me garbage) step 2: take that balloon image + your original video and drop both into kling motion control. prompt: "turn the motion and detailed mouth movement of the video to the setting of the image" that's literally it. kling maps the motion from the real video onto the balloon character. mouth moves. head turns. expressions transfer. the whole thing renders in a few minutes. the result looks like a $500 custom animation and costs you maybe $0.30 in kling credits. people are getting 500k+ views with these because the scroll-stop factor is insane. nobody expects to see a shiny inflatable version of someone giving a real speech or doing a product review. the play here is obvious btw. run this for client content (mix with the hook and real body, check the results yourself) or use it on your own faceless channels as a hook pattern before the algo catches up...

KNOX

25,773 views • 6 months ago

Made with GPT Image 2 + Seedance 2.0 on SocialSight Generate a 16-move choreography sheet in GPT Image ↓↓↓↓↓↓ Upload it to Seedance 2.0 as the "brain" of your dance ↓↓↓↓↓↓ Your character performs the full routine instantly ↓↓↓↓↓↓ A complete K-pop dance video. Done in minutes. GPT Image 2 prompt: A colored pencil sketch style choreography sheet infographic for a K-pop solo dance. Layout: 16 steps arranged in a clean 4x4 grid, each panel showing a different dance move. Subject: A teenage Asian girl with short blunt-cut hair and bold bangs, wearing a monochrome outfit — fitted black turtleneck, wide-leg tailored trousers, chunky white platform boots, with silver chain accessories and fingerless gloves. Style: Hand-drawn colored pencil illustration, bold outlines with sharp shading, slightly angular and graphic, monochrome base with pops of electric red and silver as accent tones. Confident, editorial energy. Movement: Each frame captures sharp, punchy dance motions — arm isolations, sharp head snaps, shoulder locks, chest contractions, low lunges, toe-point poses, dramatic wrist flicks, and a signature ending freeze — with bold red arrows showing force direction and snap timing. Design: High-contrast K-pop girl crush aesthetic, grid with thin black borders, step numbers (1–16) in bold sans-serif, short captions under each frame describing the motion. Text: Title at the top — "K-POP GIRL CRUSH – 16 COUNTS – 10 SECONDS – SHARP LOCK & POP" Environment: White studio background, dramatic downlight suggestion, minimal clean shadows. Quality: High detail, crisp composition, balanced layout, editorial dance tutorial poster. Negative prompt: blurry, low quality, extra limbs, distorted anatomy, bad proportions, messy layout, overcrowded design, text errors, watermark, soft or pastel tones.

Oogie

65,151 views • 3 months ago

Seedance2.0で格ゲー祭り! 下記をいい感じにアレンジ(特にアバターと最後の決め台詞の部分とか)してもらい、お好みのリファレンスを渡すとカスタマイズできます (引用リポストしてもらったら僕もシェアします!) # ═══════════════════════════════════════════════ # PROJECT: 2D Fighting Game Sequence # SPECS: Playstation 4 / 30FPS / Budget 500M JPY # ═══════════════════════════════════════════════ visual_config: style: > 2D anime-style fighting video game screenshot, cel-shaded, bold outlines, gold-purple-crimson palette, manga-style dynamic lines, arcade game aesthetic character_settings: player: girl: "Image" avatar: > psychic energy avatar, translucent golden humanoid fencer, Silver armor plates, glowing cyan eyes, appears behind user as spiritual projection opponent: "image2" timeline: cut_01: dur: 6s shot: side view full shot prompt: > stylized 2D fighting video game interface, health bars and timer HUD overlay, hit counter UI incrementing, silver-haired girl performing rapid energy strikes, bright golden light effects on each motion, dynamic action lines radiating outward, special meter gauge filling up, neon-lit urban rooftop night stage background, arcade game screen composition cam: static side view, light screen shake on impacts cut_02: dur: 3s shot: extreme close-up, diagonal screen transition prompt: > sudden dramatic insert shot, screen splits with diagonal wipe transition, girl's face in extreme close-up filling frame, golden eyes with subtle glow, bold confident grin, ink-style shadows across one side of face, purple-gold energy aura behind head, abstract crimson dynamic lines in background, game UI text indicating special activation cam: instant snap zoom, tilted angle cut_03: dur: 5s shot: behind girl, over-the-shoulder prompt: > girl standing arms spread wide seen from behind, large translucent psychic avatar rising behind her, twice her height, golden armored plates catching light, expanding ring of purple-gold energy particles, opponent stepping back across the arena, background distorts with heat-shimmer effect, glowing particles orbit both girl and avatar, strong backlight creating dramatic silhouette, video game special move activation sequence cam: slow dolly in, low angle cut_04: dur: 8s shot: rapid multi-angle montage prompt: > avatar performs rapid successive energy projections, screen filled with overlapping golden light trails, cascading visual effects layering dynamically, final powerful motion sends energy wave forward, full-screen white flash transition, large stylized game UI "K.O." text appears with glass-particle burst effect, hit counter displays high number, opponent life gauge reaches zero, video game finishing sequence animation cam: rapid angle changes, final moment in slow motion cut_05: dur: 8s shot: low angle tilt-up → medium shot prompt: > victory result screen composition, girl in dramatic confident pose, one hand on hip pointing toward camera, psychic avatar floating behind with arms folded, wind effect sweeping hair and clothing, single golden spotlight from above, deep black bg, girl speaking with bold self-assured expression, closed-eye smile, winner banner appears, match results UI fading in, arcade fighting game victory screen layout line: "「あなたは私を怒らせた」" production_notes: > 全カットに"video game""game UI""arcade"等を明記し、ゲーム画面であることをAIに認識させる。 身体的接触を避け、光のエフェクト(energy strike/projection/particles)で描写。 威圧的な表現は「bold confident」に置換し、ポリシーを遵守する。

yachimat - AI Short Anime

576,681 views • 4 months ago

xAI isn't playing around. They just released the Grok Imagine API, a unified video + image generation toolkit, and it's already sitting at #1 on the Artificial Analysis Video Arena for both Text-to-Video AND Image-to-Video. It's beating: ● Google's Veo 3.1 & Veo 3 ● OpenAI's Sora 2 ● Runway Gen-4.5 ● Kling 2.5 Turbo The Numbers Don't Lie: ● 64.1% win rate against Runway Aleph in blind human evaluations ● 57% win rate against Kling o1 ● Best-in-class latency. Sub-20 second generation for 720p, 8-second videos. (up to 15-second video) ● Native audio generation baked right into video output (dialogue, music, sound effects, all synced) What Makes It Different It's built for real creative workflows: ✅ Text-to-video AND image-to-video in one API ✅ Video editing with prompt-based controls (add/remove objects, restyle scenes) ✅ Camera controls: zoom, pan, timelapse, pull-back ✅ Style transfers: cyberpunk, watercolor, anime, you name it ✅ Performance animation: map your movements onto characters ✅ Native audio-video sync (no post-production needed) Why the focus on speed and cost? The partner feedback that shaped this: "Quality alone isn't enough if latency and cost make iteration painful." So xAI optimized for all three. Speed. Cost. Quality. Already Integrated With: ● fal. ai ● ComfyUI ● InVideo ● Flora ● HeyGen xAI went from underdog to chart-topper. The Grok Imagine API is fast, affordable, and genuinely production-ready. If you're building anything with AI video, this just became the one to beat.

tetsuo

18,325 views • 6 months ago