正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Found this if your UI still feels dead after you ship it. - React micro-interactions and transitions - Buttons, cards, loaders, you copy them in - CLI to add one at a time, open source link;

Manish Kumar

7,830 subscribers

19,098 次观看 • 12 天前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

18 条评论

Lasha 的头像

Lasha12 天前

does it stay easy to customise, or is it mostly copy-paste?

Kiyotaka 的头像

Kiyotaka12 天前

Soo cool animations :)

Mr Ash 的头像

Mr Ash11 天前

Bro finding cool sites

Dharmvir 的头像

Dharmvir11 天前

Nice share

R𝛼m 🦅 的头像

R𝛼m 🦅11 天前

@SubhanHQ crazyy build bhai 🥳

Shubhu 的头像

Shubhu12 天前

i saw this recently, it was viral

Niraj 的头像

Niraj11 天前

mujhe to UI ka U aur I hi samjh nhi aata

Yakub 的头像

Yakub12 天前

lovely

Mohammed Tawakkal Ahmed 的头像

Mohammed Tawakkal Ahmed11 天前

Cool stuff bro thank u

kapilansh 的头像

kapilansh11 天前

Thanks for sharing king

Jahir Sheikh 的头像

Jahir Sheikh12 天前

Cool stuff

Daksh 的头像

Daksh11 天前

demn bro🔥

Bhavya 的头像

Bhavya12 天前

Beautiful bhau

Rakibul 的头像

Rakibul11 天前

quietly brilliant

Arman 的头像

Arman11 天前

the copy-in buttons and loaders are exactly where I'd start, small details matter

Abhijit 的头像

Abhijit11 天前

Nice share bro

Neeraj 的头像

Neeraj11 天前

Cool

robertus 的头像

robertus11 天前

tiny motion is one of those details users only notice when it is missing. good micro-interactions make the interface feel less like a form and more like a physical object.

相关视频

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Kiyotaka

199,670 次观看 • 2 个月前

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:

Kiyotaka

263,971 次观看 • 1 个月前

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

Abraham John 🦄🦓

26,631 次观看 • 1 个月前

Introducing Motion Anime. A curated collection of springs, skids, fluid micro-interactions for your UI. Now you can add beautiful, interactive charts to your app with a single CLI command. ✨ Part of Amicro. Open source. Try it:

Introducing Motion Anime. A curated collection of springs, skids, fluid micro-interactions for your UI. Now you can add beautiful, interactive charts to your app with a single CLI command. ✨ Part of Amicro. Open source. Try it:

Kiyotaka

118,736 次观看 • 25 天前

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

shawn.

146,587 次观看 • 4 个月前

I found a site that solves pretty much every subtle UI animation problem. In a crowded market, tiny micro-interactions make users fall in love with your app. This tool curates real UI magic you can steal for inspiration. Link:

I found a site that solves pretty much every subtle UI animation problem. In a crowded market, tiny micro-interactions make users fall in love with your app. This tool curates real UI magic you can steal for inspiration. Link:

Ruturaj

69,659 次观看 • 1 个月前

UI/UX Designers, you need to see this. I just discovered a website called Design Spells, it collects beautifully crafted UI animations and micro-interactions in one place. Clean, subtle, and incredibly satisfying to watch. I could honestly watch these all day. Perfect for inspiration when refining motion, transitions, and interaction details. Bookmark it; you will love it 💜

UI/UX Designers, you need to see this. I just discovered a website called Design Spells, it collects beautifully crafted UI animations and micro-interactions in one place. Clean, subtle, and incredibly satisfying to watch. I could honestly watch these all day. Perfect for inspiration when refining motion, transitions, and interaction details. Bookmark it; you will love it 💜

Abraham John 🦄🦓

49,833 次观看 • 8 个月前

Introducing Mono Charts. A collection of minimal, animated chart components for React. Now you can add beautiful, interactive charts to your app with a single CLI command. ✨ Part of Amicro. Open source. Try it:

Introducing Mono Charts. A collection of minimal, animated chart components for React. Now you can add beautiful, interactive charts to your app with a single CLI command. ✨ Part of Amicro. Open source. Try it:

Kiyotaka

180,631 次观看 • 1 个月前

Introducing Transitions Refine A tool for tuning UI transitions directly in Cursor, Codex or Claude Code with the Transitions-dev skill built in • Integrated skill analyzes your transitions and provides suggestions you can apply directly • Timeline and controls for manual edits • No need to copy and paste values everything is updated directly in your source

Introducing Transitions Refine A tool for tuning UI transitions directly in Cursor, Codex or Claude Code with the Transitions-dev skill built in • Integrated skill analyzes your transitions and provides suggestions you can apply directly • Timeline and controls for manual edits • No need to copy and paste values everything is updated directly in your source

Jakub Antalik

52,122 次观看 • 2 个月前

This design system made us $2.5M. I'm giving it away for free to Lovable builders. This will allow you to build premium UI in Lovable. Copy & paste. What’s included: • 3 design styles • Component standards (buttons, cards, nav, modals) • Copy right into project Follow + comment "Design" and I'll DM you.

This design system made us $2.5M. I'm giving it away for free to Lovable builders. This will allow you to build premium UI in Lovable. Copy & paste. What’s included: • 3 design styles • Component standards (buttons, cards, nav, modals) • Copy right into project Follow + comment "Design" and I'll DM you.

Jacob Klug

74,358 次观看 • 8 个月前

I found a site that solves pretty much every UI component oversight problem. It gives you exact, step-by-step checklists for building cards, navigation, and forms so you never miss critical micro-details again. Link:

I found a site that solves pretty much every UI component oversight problem. It gives you exact, step-by-step checklists for building cards, navigation, and forms so you never miss critical micro-details again. Link:

Ruturaj

236,645 次观看 • 1 个月前

Slack just killed Buzz. One click to add your own open source NanoClaw agent to Slack. If you want more agents, just ask it. Collaborate with your agents in a shared room. Work together and tag them on a canvas. Slack is the new Slack.

Slack just killed Buzz. One click to add your own open source NanoClaw agent to Slack. If you want more agents, just ask it. Collaborate with your agents in a shared room. Work together and tag them on a canvas. Slack is the new Slack.

Gavriel Cohen

44,764 次观看 • 27 天前

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

Supabase

125,241 次观看 • 1 年前

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Software Mansion

26,869 次观看 • 7 个月前

Can you disguise AND perform your action in one motion? Can you bait your opponent AND give them no time to react? Can you shift your own rhythm in a split second?

Can you disguise AND perform your action in one motion? Can you bait your opponent AND give them no time to react? Can you shift your own rhythm in a split second?

Fathalli

191,522 次观看 • 1 个月前

Build UI interactions in Rive like this smooth, responsive disclosure inspired by Nitish Khagwal. Using the Layout direction feature (in Early Access), it just takes a single property to add support for RTL languages and you can populate your text dynamically at runtime.

Build UI interactions in Rive like this smooth, responsive disclosure inspired by Nitish Khagwal. Using the Layout direction feature (in Early Access), it just takes a single property to add support for RTL languages and you can populate your text dynamically at runtime.

Philip Chung

31,612 次观看 • 1 年前

You don't need a complex app to make $300K/month You need: - Onboarding that feels premium - UI that doesn't suck - One thing done perfectly This rock identifier proves it Copy this 👇

You don't need a complex app to make $300K/month You need: - Onboarding that feels premium - UI that doesn't suck - One thing done perfectly This rock identifier proves it Copy this 👇

Adrià Martinez

285,998 次观看 • 6 个月前

Google just quietly killed copy-paste for devs. This Stitch + Gemini 3.0 update is actually wild. Google Stitch now lets you: → Describe your app in plain text → Generate a full UI with buttons, forms, pages → Hit one export button → Open AI Studio with all HTML, screens and context preloaded → Let Gemini 3 write and debug the code for you You go from “idea in your head” → “working product” in about an hour instead of days. Freelancers, agencies, solopreneurs… this is your unfair advantage if you actually learn how to use it. Save this video, you’ll copy this workflow later. Want the SOP? Send me a DM. 💬

Google just quietly killed copy-paste for devs. This Stitch + Gemini 3.0 update is actually wild. Google Stitch now lets you: → Describe your app in plain text → Generate a full UI with buttons, forms, pages → Hit one export button → Open AI Studio with all HTML, screens and context preloaded → Let Gemini 3 write and debug the code for you You go from “idea in your head” → “working product” in about an hour instead of days. Freelancers, agencies, solopreneurs… this is your unfair advantage if you actually learn how to use it. Save this video, you’ll copy this workflow later. Want the SOP? Send me a DM. 💬

Julian Goldie SEO

32,975 次观看 • 9 个月前

I'm tired and need to go to bed, it's 4AM, but it's live: - setup as many git repos as "resources" as you want - "@" them in the chat UI and haiku 4.5 will use them to answer your question - $8/mo. for the hosted version, cli is BYOK - open source

I'm tired and need to go to bed, it's 4AM, but it's live: - setup as many git repos as "resources" as you want - "@" them in the chat UI and haiku 4.5 will use them to answer your question - $8/mo. for the hosted version, cli is BYOK - open source

Ben Davis

54,300 次观看 • 7 个月前

IT’S TIME FELLAS.👇🏻 Fill the form out and wait for more info to come. DO NOT fill it out if you are not serious about this. Don’t waste my time or yours. Ps: if the link to the form doesn’t open, copy and paste it in your browser.

IT’S TIME FELLAS.👇🏻 Fill the form out and wait for more info to come. DO NOT fill it out if you are not serious about this. Don’t waste my time or yours. Ps: if the link to the form doesn’t open, copy and paste it in your browser.

Ian

22,476 次观看 • 8 个月前