正在加载视频...

视频加载失败

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

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 次观看 • 1 个月前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

24 条评论

Developer Dan 的头像

Developer Dan1 个月前

Love sites like this for inspiration!

Ruturaj 的头像

Ruturaj1 个月前

Try it out it's good Indeed!

Palak 的头像

Palak1 个月前

Cool.

Ruturaj 的头像

Ruturaj1 个月前

ji ji

Gerry 的头像

Gerry1 个月前

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

Ruturaj 的头像

Ruturaj1 个月前

Yah You Got Idea To build something

FFF 的头像

FFF1 个月前

Do you have the relevant code?

Ruturaj 的头像

Ruturaj1 个月前

Will try to find one!

stepdev 的头像

stepdev1 个月前

Bookmarked

Ruturaj 的头像

Ruturaj1 个月前

🤝🏻

Aditya 的头像

Aditya1 个月前

Looks good

Capital & Code 的头像

Capital & Code1 个月前

Def checking out.

David T Kramaley 的头像

David T Kramaley1 个月前

solid find, saves me hours hunting for subtle motion patterns

Ruturaj 的头像

Ruturaj1 个月前

🙌🏻

Abdur Razzak 的头像

Abdur Razzak1 个月前

Marvelous

Ninad Pathak 的头像

Ninad Pathak1 个月前

bookmarking this immediately

Ruturaj 的头像

Ruturaj1 个月前

🙌🏻

Dobar 的头像

Dobar1 个月前

Looks great! Bookmarked!

Design Spells 的头像

Design Spells1 个月前

🖤

超级峰的头像

超级峰1 个月前

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

Ruturaj 的头像

Ruturaj1 个月前

是的,确实如此

MDC 的头像

MDC1 个月前

was in much need of this thanks!

Sania 的头像

Sania1 个月前

Interestingg

Tom "Plaetorius" Gernez 的头像

Tom "Plaetorius" Gernez1 个月前

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

相关视频

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 个月前

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 个月前

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 次观看 • 2 年前

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 次观看 • 18 天前

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 次观看 • 2 年前

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 次观看 • 1 个月前

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 次观看 • 9 个月前

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 次观看 • 10 天前

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 次观看 • 1 个月前

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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 2 个月前

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 次观看 • 1 年前

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 次观看 • 10 个月前

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 次观看 • 1 个月前

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 次观看 • 5 个月前

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 次观看 • 2 个月前

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 次观看 • 23 天前

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 次观看 • 1 个月前

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 次观看 • 2 个月前