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

Live Cam

Tran Mau Tri Tam ✪

Shorts

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

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

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

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

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

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

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

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

Have a lovely weekend 🥰

Can AI reach this animation level? 🤔

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

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). 😂

Videos

Watch Anya Live

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 👇

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

Paste a URL. Get a DESIGN. md

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

This shouldn't be free. Create your own avatar and export it as SVG, PNG, or animated GIF. 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 →

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

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

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 design engineering magazine I've seen. Every concept is an interactive demo, not a wall of text. Save it →

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

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

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

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

Like Pinterest, but for agents. 👀

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!!!

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 👇

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

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