Loading video...

Video Failed to Load

Go Home

Loading animations with stateful transitions have landed on Line and Area Charts 🔥 Docs Studio Built with Motion Shimmer text by Chánh Đại

uixmat's profile picture

Matt

3,531 subscribers

15,256 views • 4 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Get beautiful text animations. We built a hand-crafted collection of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library. It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt. Install it with: npx skills add pixel-point/animate-text --skill animate-text Use it /animate-text apply soft-blur-in to hero section text
0:13

Get beautiful text animations. We built a hand-crafted collection of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library. It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt. Install it with: npx skills add pixel-point/animate-text --skill animate-text Use it /animate-text apply soft-blur-in to hero section text

Alex Barashkov

129,508 views • 5 months ago

What if your frames could tell a story on their own? Not with narration. Not with text overlays. Just seamless, cinematic transitions that flow like a movie. Pollo AI PolloAI Creators built exactly that with Pollo Transitions 👇
0:10

What if your frames could tell a story on their own? Not with narration. Not with text overlays. Just seamless, cinematic transitions that flow like a movie. Pollo AI PolloAI Creators built exactly that with Pollo Transitions 👇

SARAH

129,274 views • 7 months ago

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀
0:13

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

FHILY👑

363,145 views • 5 months ago

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?
0:19

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?

Nero

47,719 views • 27 days ago

effortlessly and seamlessly transition between text with <TextMorph/> built on Intl.Locale and Web Animations API. dependency-free and ready to use in your favourite framework ✨ →
0:14

effortlessly and seamlessly transition between text with <TextMorph/> built on Intl.Locale and Web Animations API. dependency-free and ready to use in your favourite framework ✨ →

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

169,085 views • 7 months ago

Sora 2 is amazing for ads, we're so cooked Prompt 15-second TikTok-style ad of a beauty product on a bathroom counter, fast jump cuts, pastel colors, energetic motion graphics, smooth camera transitions, upbeat music vibe, close-up on textures, text popping up with playful animations
0:10

Sora 2 is amazing for ads, we're so cooked Prompt 15-second TikTok-style ad of a beauty product on a bathroom counter, fast jump cuts, pastel colors, energetic motion graphics, smooth camera transitions, upbeat music vibe, close-up on textures, text popping up with playful animations

Amira Zairi

98,996 views • 1 year ago

Excited to share our #CoRL2024 paper on humanoid motion generation! Combining human motion priors with VLM feedback, Harmon generates natural, expressive, and text-aligned humanoid motion from freeform text descriptions. 👇(1/4)
0:14

Excited to share our #CoRL2024 paper on humanoid motion generation! Combining human motion priors with VLM feedback, Harmon generates natural, expressive, and text-aligned humanoid motion from freeform text descriptions. 👇(1/4)

Zhenyu Jiang

36,868 views • 1 year ago

Introducing Motion Studio. Edit animations directly on your site with our intuitive visual editor and our new Ultramotion animation editing agent (powered by TypeSafe AI's Jev) for at least 10x faster edits than code LLMs. Inspection and visual editing are free!
0:18

Introducing Motion Studio. Edit animations directly on your site with our intuitive visual editor and our new Ultramotion animation editing agent (powered by TypeSafe AI's Jev) for at least 10x faster edits than code LLMs. Inspection and visual editing are free!

Motion

29,420 views • 20 days ago

MiniMax H3 by MiniMax Design (H3) just landed in getimg Prompt the action, reference the look, create the scene. Start with text. Add an image reference. Turn one visual direction into motion.
0:15

MiniMax H3 by MiniMax Design (H3) just landed in getimg Prompt the action, reference the look, create the scene. Start with text. Add an image reference. Turn one visual direction into motion.

getimg.ai

37,507 views • 2 months ago

Create your next masterpiece with Venice Studio. A full video production suite, right inside Venice. → Multi-track timeline editor → Combine AI-generated video, images, and audio → Titles, text overlays, filters, transitions → Flexible aspect ratios for every platform → Export and share Full Venice Studio guide with Seedance 2.0 below ↓
0:10

Create your next masterpiece with Venice Studio. A full video production suite, right inside Venice. → Multi-track timeline editor → Combine AI-generated video, images, and audio → Titles, text overlays, filters, transitions → Flexible aspect ratios for every platform → Export and share Full Venice Studio guide with Seedance 2.0 below ↓

Venice

34,941 views • 6 months ago

💬 Chat with n8n Docs Finding answers just got easier. Our docs now have AI powered search built with kapa.ai (YC S23)​ combining guides and forum wisdom in one place. Always up to date, always in context. 👉
0:11

💬 Chat with n8n Docs Finding answers just got easier. Our docs now have AI powered search built with kapa.ai (YC S23)​ combining guides and forum wisdom in one place. Always up to date, always in context. 👉

n8n.io

12,868 views • 1 year ago

Publino – Next.js Saas Landing Page Template built with - Next.js 16 & React 19 - Tailwind CSS - Framer Motion - Next-intl (RTL support) Comes with Modern hero section, Dark / Light mode, i18n (EN + AR), Pricing , Contact pages, SEO-ready setup, 3D globe, Charts & animations. Demo + Source Code (First comment) 👇
0:17

Publino – Next.js Saas Landing Page Template built with - Next.js 16 & React 19 - Tailwind CSS - Framer Motion - Next-intl (RTL support) Comes with Modern hero section, Dark / Light mode, i18n (EN + AR), Pricing , Contact pages, SEO-ready setup, 3D globe, Charts & animations. Demo + Source Code (First comment) 👇

Mohamed Djoudir

34,712 views • 8 months ago

Grok Imagine Image Quality model is now on Runware 🎨 - strong text rendering and high realism on complex scenes - handles charts, infographics, diagrams and UI concepts well - edit existing images with text instructions
0:15

Grok Imagine Image Quality model is now on Runware 🎨 - strong text rendering and high realism on complex scenes - handles charts, infographics, diagrams and UI concepts well - edit existing images with text instructions

Runware

406,710 views • 5 months ago

TanStack Charts 1.0 is here 🎉 Small bundles, fast updates, and charts you don’t have to outgrow. Start with a line and see where it takes you, or just simply tell your agent to "use Tanstack Charts"!
0:17

TanStack Charts 1.0 is here 🎉 Small bundles, fast updates, and charts you don’t have to outgrow. Start with a line and see where it takes you, or just simply tell your agent to "use Tanstack Charts"!

TANSTACK

134,616 views • 6 days ago

Made with AutoFill by @animationartisan #aftereffects #aescripts #autofill 🛑✋️Stop animating shapes manually. 🤯 AutoFill v2 for After Effects lets you create stunning fill animations, liquid reveals, organic transitions, and complex shape growth effects in just a few clicks. Perfect for motion graphics, logo reveals, typography animations, and creative transitions. ⚡ 💬 Comment AUTOFILL and I'll send the link to your DM. Save this reel for later and follow @animationartisan for more After Effects tools, tips, and motion design tricks. 🚀 #adobecommunity #MotionDesign #plugineverything #Aescripts #AutoFill
0:17

Made with AutoFill by @animationartisan #aftereffects #aescripts #autofill 🛑✋️Stop animating shapes manually. 🤯 AutoFill v2 for After Effects lets you create stunning fill animations, liquid reveals, organic transitions, and complex shape growth effects in just a few clicks. Perfect for motion graphics, logo reveals, typography animations, and creative transitions. ⚡ 💬 Comment AUTOFILL and I'll send the link to your DM. Save this reel for later and follow @animationartisan for more After Effects tools, tips, and motion design tricks. 🚀 #adobecommunity #MotionDesign #plugineverything #Aescripts #AutoFill

aescripts+aeplugins

11,605 views • 3 months ago

This funny original animation featuring two friends trying on outfits was created by Studio Wrong using Blender. More animations with the characters:
0:10

This funny original animation featuring two friends trying on outfits was created by Studio Wrong using Blender. More animations with the characters:

80 LEVEL

105,480 views • 1 year ago

Some of my favorite parts of the new Interfere product pages. Every asset is fully built in code. The animations are built with Motion, except for the dot matrix, which is uses a canvas. Had a ton of fun working on these with Paul Faivret.
0:14

Some of my favorite parts of the new Interfere product pages. Every asset is fully built in code. The animations are built with Motion, except for the dot matrix, which is uses a canvas. Had a ton of fun working on these with Paul Faivret.

Jakub Krehel

23,849 views • 3 months ago

I built an iOS-style modal sheet with React Aria Components and Framer Motion! It uses gesture-driven animations to feel super smooth and natural on touch devices. It's a surprisingly small amount of code too. Check it out! 🤩
0:14

I built an iOS-style modal sheet with React Aria Components and Framer Motion! It uses gesture-driven animations to feel super smooth and natural on touch devices. It's a surprisingly small amount of code too. Check it out! 🤩

Devon Govett

182,695 views • 3 years ago