Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 ay önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

24 Yorum

Developer Dan profil fotoğrafı
Developer Dan1 ay önce

Love sites like this for inspiration!

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

Try it out it's good Indeed!

Palak profil fotoğrafı
Palak1 ay önce

Cool.

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

ji ji

Gerry profil fotoğrafı
Gerry1 ay önce

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

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

Yah You Got Idea To build something

FFF profil fotoğrafı
FFF1 ay önce

Do you have the relevant code?

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

Will try to find one!

stepdev profil fotoğrafı
stepdev1 ay önce

Bookmarked

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

🤝🏻

Aditya profil fotoğrafı
Aditya1 ay önce

Looks good

Capital & Code profil fotoğrafı
Capital & Code1 ay önce

Def checking out.

David T Kramaley profil fotoğrafı
David T Kramaley1 ay önce

solid find, saves me hours hunting for subtle motion patterns

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

🙌🏻

Abdur Razzak profil fotoğrafı
Abdur Razzak1 ay önce

Marvelous

Ninad Pathak profil fotoğrafı
Ninad Pathak1 ay önce

bookmarking this immediately

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

🙌🏻

Dobar profil fotoğrafı
Dobar1 ay önce

Looks great! Bookmarked!

Design Spells profil fotoğrafı
Design Spells1 ay önce

🖤

超级峰 profil fotoğrafı
超级峰1 ay önce

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

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

是的,确实如此

MDC profil fotoğrafı
MDC1 ay önce

was in much need of this thanks!

Sania profil fotoğrafı
Sania1 ay önce

Interestingg

Tom "Plaetorius" Gernez profil fotoğrafı
Tom "Plaetorius" Gernez1 ay önce

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

Benzer Videolar

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 görüntüleme • 1 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 18 gün önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 10 gün önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 23 gün önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 2 ay önce