Design inspiration curated from X

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

Published by Tran Mau Tri Tam ✪ on October 3, 2025.

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

Design notes

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

This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Tran Mau Tri Tam ✪; use the original X post for source and licensing inquiries.

Deep Clone · React 19 + Framer Motion

Interactive Sandbox & Production Code

Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.

https://northlight.design/sandbox/1974038939548704788
Launch Sandbox ↗

Reference details

Creator
Tran Mau Tri Tam ✪
X handle
@tranmautritam
Published
October 3, 2025
Media
1 visual reference
Views
3,198
Likes
129
Bookmarks
105

Related tags