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