Загрузка видео...

Не удалось загрузить видео

На главную

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:

rutu_3's profile picture

Ruturaj

5,565 subscribers

69,956 просмотров • 1 месяц назад •via X (Twitter)

Наука и технологииОбразование
LIVE

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:
0:37

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 💜
0:21

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 →
0:42

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;
0:29

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
0:37

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:
1:10

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 💜
0:34

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 →
0:50

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:
0:41

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
0:28

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.
0:33

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?
1:02

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.
1:37

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...
1:44

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:
1:53

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 💪
1:08

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.
0:22

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.
0:20

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.
0:52

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.
0:42

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 месяцев назад