Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Monat •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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

125,056 Aufrufe • vor 2 Monaten

Quick Liveline update: candlestick charts (with smooth line/candle transitions, obviously). ~npm i liveline
0:12

Quick Liveline update: candlestick charts (with smooth line/candle transitions, obviously). ~npm i liveline

Benji Taylor

103,453 Aufrufe • vor 4 Monaten

All these animations are built using a single universal Shimmer component ✨ Really happy with how it turned out!
0:17

All these animations are built using a single universal Shimmer component ✨ Really happy with how it turned out!

Volodymyr

15,161 Aufrufe • vor 4 Monaten

Radar charts added to Bklit UI. ✨ Initialization & Hover animations Motion ✨ Built for shadcn compatibility Links below 👇🏼 #opensource #chart #charts #buildinpublic
0:12

Radar charts added to Bklit UI. ✨ Initialization & Hover animations Motion ✨ Built for shadcn compatibility Links below 👇🏼 #opensource #chart #charts #buildinpublic

Matt

10,749 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 4 Monaten

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👑

355,092 Aufrufe • vor 2 Monaten

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

167,062 Aufrufe • vor 4 Monaten

It's so much fun to play around with animations and transitions in SwiftUI ✨😄 Working on creating achievements tracker and badge animations next. #swiftui
0:11

It's so much fun to play around with animations and transitions in SwiftUI ✨😄 Working on creating achievements tracker and badge animations next. #swiftui

Shubham Singh

38,621 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 1 Jahr

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

22,270 Aufrufe • vor 2 Monaten

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,219 Aufrufe • vor 5 Monaten

You can create amazing animations with the new @Figma Motion features — and now, you can showcase them with realistic video mockups. Present your motion designs in context with the Artboard Mockups plugin and bring your animations to life.
0:11

You can create amazing animations with the new @Figma Motion features — and now, you can showcase them with realistic video mockups. Present your motion designs in context with the Artboard Mockups plugin and bring your animations to life.

Artboard Studio

30,894 Aufrufe • vor 12 Tagen

💬 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,840 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 2 Monaten

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,364 Aufrufe • vor 1 Jahr

been willing to make this kind of "perspective stack" component for a while it was a fun little challenge to orchestrate the transitions just right built with Motion
0:17

been willing to make this kind of "perspective stack" component for a while it was a fun little challenge to orchestrate the transitions just right built with Motion

Maxime

15,557 Aufrufe • vor 7 Monaten

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.
0:15

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Ibelick

88,945 Aufrufe • vor 2 Jahren

Can anyone achieve animations like this with Figma Motion?
0:10

Can anyone achieve animations like this with Figma Motion?

Milan Jack

296,838 Aufrufe • vor 11 Tagen

Animations on the web are fun… until performance and fidelity come into conflict. Find the case study below on how we approached image sequencing, loading, and motion timing for the Adaline website
0:10

Animations on the web are fun… until performance and fidelity come into conflict. Find the case study below on how we approached image sequencing, loading, and motion timing for the Adaline website

Daybreak

49,330 Aufrufe • vor 1 Jahr