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

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

На главную

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 просмотров • 11 дней назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 18

Фото профиля Lasha
Lasha11 дней назад

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

Фото профиля Kiyotaka
Kiyotaka11 дней назад

Soo cool animations :)

Фото профиля Mr Ash
Mr Ash11 дней назад

Bro finding cool sites

Фото профиля Dharmvir
Dharmvir11 дней назад

Nice share

Фото профиля R𝛼m 🦅
R𝛼m 🦅11 дней назад

@SubhanHQ crazyy build bhai 🥳

Фото профиля Shubhu
Shubhu11 дней назад

i saw this recently, it was viral

Фото профиля Niraj
Niraj11 дней назад

mujhe to UI ka U aur I hi samjh nhi aata

Фото профиля Yakub
Yakub11 дней назад

lovely

Фото профиля Mohammed Tawakkal Ahmed
Mohammed Tawakkal Ahmed11 дней назад

Cool stuff bro thank u

Фото профиля kapilansh
kapilansh11 дней назад

Thanks for sharing king

Фото профиля Jahir Sheikh
Jahir Sheikh11 дней назад

Cool stuff

Фото профиля Daksh
Daksh11 дней назад

demn bro🔥

Фото профиля Bhavya
Bhavya11 дней назад

Beautiful bhau

Фото профиля Rakibul
Rakibul11 дней назад

quietly brilliant

Фото профиля Arman
Arman11 дней назад

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

Фото профиля Abhijit
Abhijit11 дней назад

Nice share bro

Фото профиля Neeraj
Neeraj11 дней назад

Cool

Фото профиля robertus
robertus10 дней назад

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.

Похожие видео

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 просмотров • 2 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 1 месяц назад

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 просмотров • 25 дней назад

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 просмотров • 4 месяцев назад

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 просмотров • 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 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 2 месяцев назад

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 просмотров • 8 месяцев назад

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

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 просмотров • 27 дней назад

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 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 6 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 9 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 8 месяцев назад