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

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

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

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

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

312,810 görüntüleme

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

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

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

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

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

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

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

39,357 görüntüleme

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

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

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

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

53,006 görüntüleme

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

Have a lovely weekend 🥰

Have a lovely weekend 🥰

13,003 görüntüleme

Can AI reach this animation level? 🤔

Can AI reach this animation level? 🤔

30,727 görüntüleme

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

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

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

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

Paste a URL. Get a DESIGN. md

Paste a URL. Get a DESIGN. md

Tran Mau Tri Tam ✪

401,788 görüntüleme • 5 ay önce

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

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

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

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

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

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

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

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

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

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

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

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

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

Like Pinterest, but for agents. 👀

Like Pinterest, but for agents. 👀

Tran Mau Tri Tam ✪

81,178 görüntüleme • 6 ay önce

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

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

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