Creator design portfolio

Tran Mau Tri Tam ✪

Curated archive of 42 design references, UI interactions, and animations published by Tran Mau Tri Tam ✪ on X.

42 Works 17,913 Likes 1,155,821 Views

This is the best design engineering magazine I've seen. Every conce... - Tran Mau Tri Tam ✪

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

@tranmautritam

I built a full SaaS landing page with @framer Agent in 7 prompts. C... - Tran Mau Tri Tam ✪

I built a full SaaS landing page with @framer Agent in 7 prompts. Custom animations, scroll effects, hover interactions, 10 sections, fully responsive. The credit usage surprised...

@tranmautritam

this 3D jelly icon style is stupid satisfying. the exact prompt is... - Tran Mau Tri Tam ✪

this 3D jelly icon style is stupid satisfying. the exact prompt is in the replies

@tranmautritam

Beautiful UI components you can just copy & paste. Save this - http... - Tran Mau Tri Tam ✪

Beautiful UI components you can just copy & paste. Save this - http://canvasui.dev - WebGL effects over live HTML - http://beam.jakubantalik.com - animated border beam effect - ht...

@tranmautritam

A motion study showing how shader parameters like depth, RGB split,... - Tran Mau Tri Tam

A motion study showing how shader parameters like depth, RGB split, scale, angle, and offset animate glassmorphic circular buttons with chromatic aberration effects.

@tranmautritam

This folder has feelings. Hover over it and watch what happens - Tran Mau Tri Tam ✪

This folder has feelings. Hover over it and watch what happens

@tranmautritam

Folder icons with feelings [ > < ] This @framer experiment got out... - Tran Mau Tri Tam ✪

Folder icons with feelings [ > < ] This @framer experiment got out of hand real quick. Watch them react ↓

@tranmautritam

How to create a cool background in 30 seconds (Save for later) - Tran Mau Tri Tam ✪

How to create a cool background in 30 seconds (Save for later)

@tranmautritam

Notion is the most minimal app design I’ve known for years, until n... - Tran Mau Tri Tam ✪

Notion is the most minimal app design I’ve known for years, until now one can beat it Drop your nominations

@tranmautritam

Speak louder - Tran Mau Tri Tam ✪

Speak louder

@tranmautritam

Choose your bookmarks and let the AI handle the rest. This is the s... - Tran Mau Tri Tam ✪

Choose your bookmarks and let the AI handle the rest. This is the simple idea behind my new app design concept. Illustration demo → https://dub.sh/Loopbox

@tranmautritam

Tune into the feedback! Check out the blend of left and right varia... - Tran Mau Tri Tam ✪

Tune into the feedback! Check out the blend of left and right variations. What's changed: 1. Icons removed 2. Made the search box simpler 3. Improved depth for the Hotkey button....

@tranmautritam

Button experiment with @framer design page. How is it? - Tran Mau Tri Tam ✪

Button experiment with @framer design page. How is it?

@tranmautritam

This is how I create the Dia Gradient vibe for my pricing card. Ste... - Tran Mau Tri Tam ✪

This is how I create the Dia Gradient vibe for my pricing card. Step-by-step tutorial, save it for later!

@tranmautritam

Left or Right? - Tran Mau Tri Tam ✪

Left or Right?

@tranmautritam

How to create Retro Product Icons with ChatGPT. Prompt - Tran Mau Tri Tam ✪

How to create Retro Product Icons with ChatGPT. Prompt

@tranmautritam

A sidebar isn’t just a menu, it’s your navigation system. Balance m... - Tran Mau Tri Tam ✪

A sidebar isn’t just a menu, it’s your navigation system. Balance matters: categories up top, workspace below, and visual states that guide the eye. With clear hierarchy and simpl...

@tranmautritam