Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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;

Manixh02's profile picture

Manish Kumar

7,830 subscribers

19,098 Aufrufe • vor 11 Tagen •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

18 Kommentare

Profilbild von Lasha
Lashavor 11 Tagen

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

Profilbild von Kiyotaka
Kiyotakavor 11 Tagen

Soo cool animations :)

Profilbild von Mr Ash
Mr Ashvor 11 Tagen

Bro finding cool sites

Profilbild von Dharmvir
Dharmvirvor 11 Tagen

Nice share

Profilbild von R𝛼m 🦅
R𝛼m 🦅vor 11 Tagen

@SubhanHQ crazyy build bhai 🥳

Profilbild von Shubhu
Shubhuvor 11 Tagen

i saw this recently, it was viral

Profilbild von Niraj
Nirajvor 11 Tagen

mujhe to UI ka U aur I hi samjh nhi aata

Profilbild von Yakub
Yakubvor 11 Tagen

lovely

Profilbild von Mohammed Tawakkal Ahmed
Mohammed Tawakkal Ahmedvor 11 Tagen

Cool stuff bro thank u

Profilbild von kapilansh
kapilanshvor 11 Tagen

Thanks for sharing king

Profilbild von Jahir Sheikh
Jahir Sheikhvor 11 Tagen

Cool stuff

Profilbild von Daksh
Dakshvor 11 Tagen

demn bro🔥

Profilbild von Bhavya
Bhavyavor 11 Tagen

Beautiful bhau

Profilbild von Rakibul
Rakibulvor 11 Tagen

quietly brilliant

Profilbild von Arman
Armanvor 11 Tagen

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

Profilbild von Abhijit
Abhijitvor 11 Tagen

Nice share bro

Profilbild von Neeraj
Neerajvor 11 Tagen

Cool

Profilbild von robertus
robertusvor 10 Tagen

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.

Ähnliche Videos

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

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 Aufrufe • vor 2 Monaten

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

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 Aufrufe • vor 1 Monat

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 💜
1:01

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 Aufrufe • vor 1 Monat

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

118,736 Aufrufe • vor 25 Tagen

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: 👇🏼
0:59

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 Aufrufe • vor 4 Monaten

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

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 8 Monaten

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

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 Aufrufe • vor 1 Monat

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

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 Aufrufe • vor 2 Monaten

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

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Monat

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

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 Aufrufe • vor 27 Tagen

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

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 Aufrufe • vor 1 Jahr

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!
0:57

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 Aufrufe • vor 7 Monaten

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

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 Aufrufe • vor 1 Monat

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

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 Aufrufe • vor 6 Monaten

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

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 Aufrufe • vor 1 Jahr

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. 💬
11:03

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 Aufrufe • vor 9 Monaten

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

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 Aufrufe • vor 7 Monaten

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.
2:53

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 Aufrufe • vor 8 Monaten