Tran Mau Tri Tam ✪

@tranmautritam • 33,416 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

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

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

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

Have a lovely weekend 🥰

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

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

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

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

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 👇

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

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

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

Paste a URL. Get a DESIGN. md

Every AI has a different thinking animation Gemini, ChatGPT, Grok, Claude → which nailed 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

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

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. 👀

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? 🥹