Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

LIVE

Anya Rossi• Live Now

Private livecam show

18 Yorum

Lasha profil fotoğrafı
Lasha11 gün önce

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

Kiyotaka profil fotoğrafı
Kiyotaka11 gün önce

Soo cool animations :)

Mr Ash profil fotoğrafı
Mr Ash11 gün önce

Bro finding cool sites

Dharmvir profil fotoğrafı
Dharmvir11 gün önce

Nice share

R𝛼m 🦅 profil fotoğrafı
R𝛼m 🦅11 gün önce

@SubhanHQ crazyy build bhai 🥳

Shubhu profil fotoğrafı
Shubhu11 gün önce

i saw this recently, it was viral

Niraj profil fotoğrafı
Niraj11 gün önce

mujhe to UI ka U aur I hi samjh nhi aata

Yakub profil fotoğrafı
Yakub11 gün önce

lovely

Mohammed Tawakkal Ahmed profil fotoğrafı
Mohammed Tawakkal Ahmed11 gün önce

Cool stuff bro thank u

kapilansh profil fotoğrafı
kapilansh11 gün önce

Thanks for sharing king

Jahir Sheikh profil fotoğrafı
Jahir Sheikh11 gün önce

Cool stuff

Daksh profil fotoğrafı
Daksh11 gün önce

demn bro🔥

Bhavya profil fotoğrafı
Bhavya11 gün önce

Beautiful bhau

Rakibul profil fotoğrafı
Rakibul11 gün önce

quietly brilliant

Arman profil fotoğrafı
Arman11 gün önce

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

Abhijit profil fotoğrafı
Abhijit11 gün önce

Nice share bro

Neeraj profil fotoğrafı
Neeraj11 gün önce

Cool

robertus profil fotoğrafı
robertus10 gün önce

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.

Benzer Videolar

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

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

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

118,736 görüntüleme • 25 gün önce

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

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 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

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

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

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

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

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

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

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

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

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

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

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

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

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