Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

5,565 subscribers

69,956 views • 1 month ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

24 Comments

Developer Dan1 month ago

Love sites like this for inspiration!

Ruturaj1 month ago

Try it out it's good Indeed!

Palak1 month ago

Cool.

Ruturaj1 month ago

ji ji

Gerry1 month ago

Love this site! Would also be amazing if there was a prompt library to pair alongside these spells.

Ruturaj1 month ago

Yah You Got Idea To build something

FFF1 month ago

Do you have the relevant code?

Ruturaj1 month ago

Will try to find one!

stepdev1 month ago

Bookmarked

Ruturaj1 month ago

🤝🏻

Aditya1 month ago

Looks good

Capital & Code1 month ago

Def checking out.

David T Kramaley1 month ago

solid find, saves me hours hunting for subtle motion patterns

Ruturaj1 month ago

🙌🏻

Abdur Razzak1 month ago

Marvelous

Ninad Pathak1 month ago

bookmarking this immediately

Ruturaj1 month ago

🙌🏻

Dobar1 month ago

Looks great! Bookmarked!

Design Spells1 month ago

🖤

超级峰1 month ago

这竟然是免费的，不敢相信

Ruturaj1 month ago

是的,确实如此

MDC1 month ago

was in much need of this thanks!

Sania1 month ago

Interestingg

Tom "Plaetorius" Gernez1 month ago

Thank you bro, appreciate that Do you have something similar for iOS apps?

Related Videos

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 views • 1 month ago

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 views • 8 months ago

UI/UX Designers, you can generate 3D beautiful mockups, in seconds. I found this browser tool, Morflax helps you create elegant downloadable device mockups for your UI designs. Website →

UI/UX Designers, you can generate 3D beautiful mockups, in seconds. I found this browser tool, Morflax helps you create elegant downloadable device mockups for your UI designs. Website →

Abraham John 🦄🦓

70,302 views • 2 years ago

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;

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

19,098 views • 18 days ago

UI/UX Designers, you can generate 3D beautiful mockups, in seconds. Website → I found this browser tool Shots, helps you create elegant downloadable device mockups for your UI designs. Video credit: ToolFolio

UI/UX Designers, you can generate 3D beautiful mockups, in seconds. Website → I found this browser tool Shots, helps you create elegant downloadable device mockups for your UI designs. Video credit: ToolFolio

Abraham John 🦄🦓

45,468 views • 2 years ago

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

119,857 views • 1 month ago

UI/UX Designers, you can now find fresh inspiration for your mobile app animations without endless scrolling. I recently discovered an inspiration site called SIP, a curated platform showcasing beautifully designed mobile apps animations, perfect for refining your app design ideas. Bookmark it for later 💜

UI/UX Designers, you can now find fresh inspiration for your mobile app animations without endless scrolling. I recently discovered an inspiration site called SIP, a curated platform showcasing beautifully designed mobile apps animations, perfect for refining your app design ideas. Bookmark it for later 💜

Abraham John 🦄🦓

20,594 views • 9 months ago

Found a goldmine for UI builders 👀 save it now. Bencho has a bunch of interactive UI components you can actually play with and use in your projects. Check it out →

Found a goldmine for UI builders 👀 save it now. Bencho has a bunch of interactive UI components you can actually play with and use in your projects. Check it out →

Nero

58,118 views • 10 days ago

I found a site that solves pretty much every UX user flow and onboarding problem. It records video screen walkthroughs of top apps showing how they handle checkout, user signups, and feature upgrades step-by-step. Link:

I found a site that solves pretty much every UX user flow and onboarding problem. It records video screen walkthroughs of top apps showing how they handle checkout, user signups, and feature upgrades step-by-step. Link:

Giyu

38,083 views • 1 month ago

UI/UX Designers, you can now generate 3D beautiful mockup videos in one minute with zero video editing skills. Website → I found this browser tool Rotato, It will help you create elegant downloadable 3D device mockups and also make video animations showcasing your UI designs Video credit: Robert @ nuova

UI/UX Designers, you can now generate 3D beautiful mockup videos in one minute with zero video editing skills. Website → I found this browser tool Rotato, It will help you create elegant downloadable 3D device mockups and also make video animations showcasing your UI designs Video credit: Robert @ nuova

Abraham John 🦄🦓

135,163 views • 2 years ago

What if you could watch a UI generate in real-time as you work with AI? Now you can, with Real Time UI in MagicPath. This is extremely hard to do, especially for interactive React components with states. That’s why you don’t see this anywhere else. This is a first.

What if you could watch a UI generate in real-time as you work with AI? Now you can, with Real Time UI in MagicPath. This is extremely hard to do, especially for interactive React components with states. That’s why you don’t see this anywhere else. This is a first.

Pietro Schirano

51,983 views • 1 year ago

She outlined five words that can make a woman fall in love with you. But I have to ask, can only words make a woman fall in love with a man?

She outlined five words that can make a woman fall in love with you. But I have to ask, can only words make a woman fall in love with a man?

declasiq_esmi

22,588 views • 2 months ago

This guy just built a web UI for Claude Code. You can see real-time conversations between Claude Code and your project, plus detailed tool usage for every code edit. 100% Local and Opensource.

This guy just built a web UI for Claude Code. You can see real-time conversations between Claude Code and your project, plus detailed tool usage for every code edit. 100% Local and Opensource.

Unwind AI

67,463 views • 1 year ago

if you use shadcn ui for your apps, you're gonna love these 7 ui libraries: > > > > > > > imagine spending thousands on overpriced designers to make your app sexy when you have prebuilt components like these that elevate the shadcn experience i sprinkle em in all my apps and everyone loves using it for a reason...

if you use shadcn ui for your apps, you're gonna love these 7 ui libraries: > > > > > > > imagine spending thousands on overpriced designers to make your app sexy when you have prebuilt components like these that elevate the shadcn experience i sprinkle em in all my apps and everyone loves using it for a reason...

Rexan Wong

276,745 views • 10 months ago

Holy smokes, Claude Design is really good!! I took the site I made recently, which had pretty bad UI/UX in the initial version (unintuitive, poor mobile experience, etc.) and, with a bit of interactive back and forth, made a much better UI layer for it:

Holy smokes, Claude Design is really good!! I took the site I made recently, which had pretty bad UI/UX in the initial version (unintuitive, poor mobile experience, etc.) and, with a bit of interactive back and forth, made a much better UI layer for it:

Jeffrey Emanuel

13,374 views • 1 month ago

Honestly, I’ve already fully built my app using Rork Max, it’s really good with a native UI. Now it’s just about upgrading the UI to truly feel like a gamified workout app. That way, I can market it much more easily on TikTok and other social platforms. Because if the UI stays this basic, I think the market is already saturated with workout apps, so I want it to stand out and better fit with TikTok-style content. Let's go 💪

Honestly, I’ve already fully built my app using Rork Max, it’s really good with a native UI. Now it’s just about upgrading the UI to truly feel like a gamified workout app. That way, I can market it much more easily on TikTok and other social platforms. Because if the UI stays this basic, I think the market is already saturated with workout apps, so I want it to stand out and better fit with TikTok-style content. Let's go 💪

Alex Nguyen

71,292 views • 5 months ago

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

Santiago

17,438 views • 2 months ago

we built a tool that lets you edit UI directly in the app instead of going through Figma + engineering 1. select the part of the app you want to change 2. describe what you want 3. Cursor edits the code 4. review the PR designers can make small UI changes without waiting on an engineer, and engineers don’t have to spend time translating tiny design tweaks into code.

we built a tool that lets you edit UI directly in the app instead of going through Figma + engineering 1. select the part of the app you want to change 2. describe what you want 3. Cursor edits the code 4. review the PR designers can make small UI changes without waiting on an engineer, and engineers don’t have to spend time translating tiny design tweaks into code.

Landseer Enga

33,930 views • 23 days ago

MICRO CODEX MOBILE IS FINALLY IN BETA! With this app, I tried to recreate Codex Micro OpenAI’s new device on mobile,all built with codex. → Chats → Fast Mode → Reasoning effort → Custom buttons The UI is still a work in progress , for this beta, functionality comes first. Want to try it? DM me your email for a TestFlight invite.

MICRO CODEX MOBILE IS FINALLY IN BETA! With this app, I tried to recreate Codex Micro OpenAI’s new device on mobile,all built with codex. → Chats → Fast Mode → Reasoning effort → Custom buttons The UI is still a work in progress , for this beta, functionality comes first. Want to try it? DM me your email for a TestFlight invite.

Kappaemme

14,144 views • 1 month ago

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

Software Mansion

30,369 views • 2 months ago