Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Damn I love this ↓ - - liquid effects for React UI - - animated border beam component - - animated liquid metal border component - - animated thinking orb component

tranmautritam's profile picture

Tran Mau Tri Tam ✪

33,227 subscribers

43,436 Aufrufe • vor 4 Tagen •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Beautiful UI components you can just copy & paste. Save this 👇 - - WebGL effects over live HTML - - animated border beam effect - - free animated component library - - UI components for AI agent chats - - essential transitions for web apps - - liquid metal effect for buttons - - crafted primitives for AI interfaces - - annotate UI, brief your coding agent - - animated thinking orbs for AI UIs What am I missing?
0:16

Beautiful UI components you can just copy & paste. Save this 👇 - - WebGL effects over live HTML - - animated border beam effect - - free animated component library - - UI components for AI agent chats - - essential transitions for web apps - - liquid metal effect for buttons - - crafted primitives for AI interfaces - - annotate UI, brief your coding agent - - animated thinking orbs for AI UIs What am I missing?

Tran Mau Tri Tam ✪

122,674 Aufrufe • vor 24 Tagen

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?
0:16

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

86,658 Aufrufe • vor 7 Tagen

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx
0:16

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx

Jakub Antalik

134,415 Aufrufe • vor 3 Monaten

🚨60 FPS Component Series #005 Animated Radial Progress. Built with Reanimated + Skia. Made with ❤️ for the React Native community. GitHub:
0:13

🚨60 FPS Component Series #005 Animated Radial Progress. Built with Reanimated + Skia. Made with ❤️ for the React Native community. GitHub:

NicheGuys

31,314 Aufrufe • vor 1 Jahr

A component to test API Responses, designed in Paper, animated with Motion
0:16

A component to test API Responses, designed in Paper, animated with Motion

Jeet

18,386 Aufrufe • vor 3 Monaten

Finally found an excuse to use Jakub Antalik border beam component somewhere! 😎
0:12

Finally found an excuse to use Jakub Antalik border beam component somewhere! 😎

James McDonald

22,066 Aufrufe • vor 2 Monaten

The magic of clip paths. Animated tooltip component in NextJS and Matt Perry's motion.
0:12

The magic of clip paths. Animated tooltip component in NextJS and Matt Perry's motion.

Seyi

42,833 Aufrufe • vor 11 Monaten

A component showing a coding agent in action, designed in Figma, animated with Motion
0:17

A component showing a coding agent in action, designed in Figma, animated with Motion

Jeet

30,567 Aufrufe • vor 3 Monaten

Call Booking Component: pick a slot, book the call Designed in Paper, animated with Motion
0:11

Call Booking Component: pick a slot, book the call Designed in Paper, animated with Motion

Jeet

31,666 Aufrufe • vor 2 Monaten

Token Usage Component: see the live usage, throughput and cost Designed in Paper, animated with Motion
0:16

Token Usage Component: see the live usage, throughput and cost Designed in Paper, animated with Motion

Jeet

10,749 Aufrufe • vor 3 Monaten

Animated image loader component library ready to use, supports dark and light theme npm install img-fx
0:17

Animated image loader component library ready to use, supports dark and light theme npm install img-fx

Jakub Antalik

81,103 Aufrufe • vor 3 Monaten

Agent Plan: A component to review and the run the agent plan, designed in Paper, animated with Motion
0:18

Agent Plan: A component to review and the run the agent plan, designed in Paper, animated with Motion

Jeet

59,805 Aufrufe • vor 3 Monaten

Live type scale component, drag to find the ratio that feels right, designed in Paper, animated with Motion
0:12

Live type scale component, drag to find the ratio that feels right, designed in Paper, animated with Motion

Jeet

18,048 Aufrufe • vor 3 Monaten

A wallet component, spent too long on getting the spring physics right Designed in Paper, animated with Motion
0:10

A wallet component, spent too long on getting the spring physics right Designed in Paper, animated with Motion

Jeet

15,214 Aufrufe • vor 3 Monaten

Diff viewer: a component to review the changes done by a coding agent, designed in Figma, animated with Motion
0:18

Diff viewer: a component to review the changes done by a coding agent, designed in Figma, animated with Motion

Jeet

15,344 Aufrufe • vor 3 Monaten

GPU Cluster Dashboard Component: monitor resource utilisation, thermals, and queue in real time Designed in Paper, animated with Motion
0:17

GPU Cluster Dashboard Component: monitor resource utilisation, thermals, and queue in real time Designed in Paper, animated with Motion

Jeet

15,456 Aufrufe • vor 2 Monaten

Thinking Orbs, animated component library 6 types, optimized for large and small sizes, light & dark mode, playground, zero dependencies npm install thinking-orbs Collaborated on this with alex brinza who did a lot of work
0:10

Thinking Orbs, animated component library 6 types, optimized for large and small sizes, light & dark mode, playground, zero dependencies npm install thinking-orbs Collaborated on this with alex brinza who did a lot of work

Jakub Antalik

639,664 Aufrufe • vor 1 Monat

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)
0:12

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)

Framer University

20,872 Aufrufe • vor 1 Jahr

introducing: interactive animated 3d globe for Framer. a fully customizable globe with rotation, drag, markers, and visual styling. comment “GLOBE” and i’ll send you the component for free :)
0:10

introducing: interactive animated 3d globe for Framer. a fully customizable globe with rotation, drag, markers, and visual styling. comment “GLOBE” and i’ll send you the component for free :)

Framer University

42,482 Aufrufe • vor 8 Monaten

One component I've always loved was this animated number counter, but I always hated how complicated it was to create. Custom entering and exiting animations via Software Mansion reanimated makes this super easy tho.
0:11

One component I've always loved was this animated number counter, but I always hated how complicated it was to create. Custom entering and exiting animations via Software Mansion reanimated makes this super easy tho.

Ed

21,954 Aufrufe • vor 1 Jahr