Tran Mau Tri Tam ✪'s banner

Tran Mau Tri Tam ✪

@tranmautritam • 33,883 subscribers

🪄 Product Designer • Ex. UI8 Design Lead • Built https://t.co/gGhlkezLlt ❇️ Envato Power Elite + UI Best Seller on Themeforest 🔮 AI Explorer 🏀 111K+ Dribbble

Shorts

How to make a cool avatar that follows your cursor, inspired by Ahmed Dahbi with Framer agent? Full breakdown below 👇

277,985 次观看

Where I go when I run out of design ideas. Save this 👇 - - best of social post design - - daily web design inspiration - - minimal websites directory - - OG images done right - - beautifully designed decks - - 1,200+ logos by top designers - - branding & editorial projects - - real brand guidelines library - - best of recent design, daily What am I missing?

257,866 次观看

Useful apps, sites for designers. Save this 👇 - - showcase designs in motion - - 3D device mockups in browser - - turn photos into recap video - - lo-fi effects for image & video - - curve-based gradient creator - - infinite unique gradients - - dither, ASCII & halftone effects - - discover creatives on 𝕏, hourly - - best of recent design, daily What am I missing?

Useful apps, sites for designers. Save this 👇 - - showcase designs in motion - - 3D device mockups in browser - - turn photos into recap video - - lo-fi effects for image & video - - curve-based gradient creator - - infinite unique gradients - - dither, ASCII & halftone effects - - discover creatives on 𝕏, hourly - - best of recent design, daily What am I missing?

234,292 次观看

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?

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?

128,350 次观看

Create your own CUTE AVATAR in a few seconds. Share your creations below 👇

312,810 次观看

Useful sites for designers you probably haven't seen. Save this 👇 - - live, tweakable UI blocks - - invite-only designer community - - 800+ real sites for your coding agent - - AI prompts for animated websites - - motion-first React components - - one-file UI kit for AI products - - apps & tools built by designers - - web, UI, app icon & OG inspiration - - turn screenshots into showreels What am I missing?

Useful sites for designers you probably haven't seen. Save this 👇 - - live, tweakable UI blocks - - invite-only designer community - - 800+ real sites for your coding agent - - AI prompts for animated websites - - motion-first React components - - one-file UI kit for AI products - - apps & tools built by designers - - web, UI, app icon & OG inspiration - - turn screenshots into showreels What am I missing?

30,480 次观看

Stop hunting for the perfect tool. Build it! Found an open-source kit and UI library for making your own AI design apps. by Alex Barashkov

Stop hunting for the perfect tool. Build it! Found an open-source kit and UI library for making your own AI design apps. by Alex Barashkov

59,693 次观看

Your timeline is full of mockups nobody shipped. Follow these people instead: Lee Black Kevin Mark Vassilevskiy Soren Jakub Antalik Marina Budarina joshpuckett andreu Brett AmirMušić Nick Stepuk Meng To Mike I Creative Mints Aaron Adrian Pedro Duarte Marc @ AllYouCan Stephen Haney Kailash Fons Mans Who else? drop them below 👇

Your timeline is full of mockups nobody shipped. Follow these people instead: Lee Black Kevin Mark Vassilevskiy Soren Jakub Antalik Marina Budarina joshpuckett andreu Brett AmirMušić Nick Stepuk Meng To Mike I Creative Mints Aaron Adrian Pedro Duarte Marc @ AllYouCan Stephen Haney Kailash Fons Mans Who else? drop them below 👇

68,989 次观看

Smoothest page transition library I've seen. A WebGL band wipes across your screen, new page appears underneath. GPU-accelerated, 10 KB, zero performance hit. React + Next.js ready. by Noman

Smoothest page transition library I've seen. A WebGL band wipes across your screen, new page appears underneath. GPU-accelerated, 10 KB, zero performance hit. React + Next.js ready. by Noman

68,424 次观看

wait... what Gemini can code this? Oogie you owe Twitter a tutorial 😂

wait... what Gemini can code this? Oogie you owe Twitter a tutorial 😂

105,236 次观看

Okay, this is how I polish a glass button. Steal it.

Okay, this is how I polish a glass button. Steal it.

39,357 次观看

Gradient & color tools that make your work pop. Save this 👇 - - mesh gradients with WebGL effects - - color ramps & tokens, WCAG-ready - - animated 3D shader gradients - - generative patterns for wall art - - mesh gradient studio, 100+ presets - - test color contrast for a11y - - editorial CSS gradients, one click - - curve-based gradient creator - - animated gradients, export to 4K What am I missing?

Gradient & color tools that make your work pop. Save this 👇 - - mesh gradients with WebGL effects - - color ramps & tokens, WCAG-ready - - animated 3D shader gradients - - generative patterns for wall art - - mesh gradient studio, 100+ presets - - test color contrast for a11y - - editorial CSS gradients, one click - - curve-based gradient creator - - animated gradients, export to 4K What am I missing?

20,200 次观看

20 designers who post work, not opinions. Gil Huybrecht Mike Smith charlota Hunter Thompson Pablo Stanley Jessica Strelioff Benten Kevin Twohy Martin Ehrlich Mark Stephanie Bruce Grace Walker Oğuz Yağız Kara Justin Rands leo Alex Aperios Phi Hoang James McDonald Nick Pattison ˗ˏˋ rogie ˎˊ˗ Who else? Drop them below 👇

20 designers who post work, not opinions. Gil Huybrecht Mike Smith charlota Hunter Thompson Pablo Stanley Jessica Strelioff Benten Kevin Twohy Martin Ehrlich Mark Stephanie Bruce Grace Walker Oğuz Yağız Kara Justin Rands leo Alex Aperios Phi Hoang James McDonald Nick Pattison ˗ˏˋ rogie ˎˊ˗ Who else? Drop them below 👇

20,545 次观看

Compact pricing card exploration with @Framer. How is it?

Compact pricing card exploration with @Framer. How is it?

53,006 次观看

Behind the scenes: these are all the effects I applied for this button.

Behind the scenes: these are all the effects I applied for this button.

21,503 次观看

Have a lovely weekend 🥰

Have a lovely weekend 🥰

13,003 次观看

Can AI reach this animation level? 🤔

Can AI reach this animation level? 🤔

30,727 次观看

Built by a designer, not a prompt Pure @Framer craft-time-lapse below

Built by a designer, not a prompt Pure @Framer craft-time-lapse below

15,265 次观看

This is the video I've generated for a prototype idea: You know this UI of Braiwave is a 3D AI app concept, so every time the user clicks on the material of his T-shirt, the color would change, completely 100% live without any render delay (my dream lol). 😂

This is the video I've generated for a prototype idea: You know this UI of Braiwave is a 3D AI app concept, so every time the user clicks on the material of his T-shirt, the color would change, completely 100% live without any render delay (my dream lol). 😂

11,768 次观看

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

This is how I make a Liquid Glass button with @Framer's AI Agent. Steal it! 1. Asked the agent to build a liquid glass background + a WebGL chromatic metal shader 2. Layered them and tuned till it felt right Prompts below 👇

This is how I make a Liquid Glass button with @Framer's AI Agent. Steal it! 1. Asked the agent to build a liquid glass background + a WebGL chromatic metal shader 2. Layered them and tuned till it felt right Prompts below 👇

Tran Mau Tri Tam ✪

1,168,883 次观看 • 3 个月前

I rebuilt my Liquid Glass + WebGL shader button with Framer Agents, same component, completely different credit cost. Here's the before and after ↓

I rebuilt my Liquid Glass + WebGL shader button with Framer Agents, same component, completely different credit cost. Here's the before and after ↓

Tran Mau Tri Tam ✪

240,946 次观看 • 2 个月前

Paste a URL. Get a DESIGN. md

Paste a URL. Get a DESIGN. md

Tran Mau Tri Tam ✪

401,788 次观看 • 5 个月前

Every AI has a different thinking animation Gemini, ChatGPT, Grok, Claude → which nailed it? 🤔

Every AI has a different thinking animation Gemini, ChatGPT, Grok, Claude → which nailed it? 🤔

Tran Mau Tri Tam ✪

488,566 次观看 • 7 个月前

New tools I keep coming back to. Save this 👇 - - AI prompts for animated websites - - free animated component library - - pure CSS text animations - - spring physics UI motion - - build terminal UIs with TypeScript - - name any UI element instantly - - logo, color & gradient tools - - 3D product visualizer in browser - - Claude skills for web design What am I missing?

Tran Mau Tri Tam ✪

170,153 次观看 • 3 个月前

This shouldn't be free. Create your own avatar and export it as SVG, PNG, or animated GIF. Save it →

Tran Mau Tri Tam ✪

94,636 次观看 • 1 个月前

This is the best design engineering skill set I've seen. Each skill turns AI output into clean UI, not generic slop. Save it →

This is the best design engineering skill set I've seen. Each skill turns AI output into clean UI, not generic slop. Save it →

Tran Mau Tri Tam ✪

79,794 次观看 • 1 个月前

This tool is amazing! You can morph any SVG icon into another. Save it →

This tool is amazing! You can morph any SVG icon into another. Save it →

Tran Mau Tri Tam ✪

75,940 次观看 • 2 个月前

This tool is insane! Create your own mascot in Grok Bot style. Export as SVG animations. Save it →

This tool is insane! Create your own mascot in Grok Bot style. Export as SVG animations. Save it →

Tran Mau Tri Tam ✪

76,647 次观看 • 2 个月前

This is the best collection of UI transitions I've seen. You can easily use it with your coding agents. Save it →

This is the best collection of UI transitions I've seen. You can easily use it with your coding agents. Save it →

Tran Mau Tri Tam ✪

53,718 次观看 • 1 个月前

This is the best design engineering magazine I've seen. Every concept is an interactive demo, not a wall of text. Save it →

This is the best design engineering magazine I've seen. Every concept is an interactive demo, not a wall of text. Save it →

Tran Mau Tri Tam ✪

59,874 次观看 • 2 个月前

You've read the 12 principles of animation a hundred times. Raphael made a version you can actually feel. Bookmarking this forever 👇

You've read the 12 principles of animation a hundred times. Raphael made a version you can actually feel. Bookmarking this forever 👇

Tran Mau Tri Tam ✪

45,728 次观看 • 2 个月前

Smoothest page transition library I've seen. A WebGL band wipes across your screen, new page appears underneath. GPU-accelerated, 10 KB, zero performance hit. React + Next.js ready. by Noman

Smoothest page transition library I've seen. A WebGL band wipes across your screen, new page appears underneath. GPU-accelerated, 10 KB, zero performance hit. React + Next.js ready. by Noman

Tran Mau Tri Tam ✪

68,424 次观看 • 3 个月前

Boring folders → Custom icons. This free web app lets you design folder icons in seconds. No install, no learning curve 🔥

Boring folders → Custom icons. This free web app lets you design folder icons in seconds. No install, no learning curve 🔥

Tran Mau Tri Tam ✪

85,240 次观看 • 5 个月前

Wake up babe, someone just built Petdex. A public gallery to browse and install Codex pets with one curl. So cute 🥹

Wake up babe, someone just built Petdex. A public gallery to browse and install Codex pets with one curl. So cute 🥹

Tran Mau Tri Tam ✪

77,132 次观看 • 5 个月前

Like Pinterest, but for agents. 👀

Like Pinterest, but for agents. 👀

Tran Mau Tri Tam ✪

81,178 次观看 • 6 个月前

Animated Shaders look amazing but they have one big problem: you CAN'T control the contrast. Here's how a simple glass layer fixes that instantly. Save it!!!

Animated Shaders look amazing but they have one big problem: you CAN'T control the contrast. Here's how a simple glass layer fixes that instantly. Save it!!!

Tran Mau Tri Tam ✪

43,037 次观看 • 2 个月前

Asked @Framer Agents to build an Infinity Grid for my free 3D cute icon set, and it works perfectly. Not just basic edits, the agents handled complex interactions I'd normally code manually. Prompt below 👇

Asked @Framer Agents to build an Infinity Grid for my free 3D cute icon set, and it works perfectly. Not just basic edits, the agents handled complex interactions I'd normally code manually. Prompt below 👇

Tran Mau Tri Tam ✪

38,674 次观看 • 3 个月前

Once you try Framer shaders, flat backgrounds feel illegal 😂 Built this Pet Avatar hero with 3 of them: 1. Holo for Background 2. Liquid gradient for Text 3. Chromatic Aberration for Button

Tran Mau Tri Tam ✪

51,151 次观看 • 6 个月前

This is insane. Creating animation has never been this easy. Thought? 🥹

This is insane. Creating animation has never been this easy. Thought? 🥹

Tran Mau Tri Tam ✪

59,554 次观看 • 8 个月前