Dia gradient
Sebastian Dahiya designed this gradient in Figma for the Morfe waitlist, and I made it live. Soft columns of color rise from the bottom in a stepped pyramid and follow your pointer around. Pick a palette, mix your own five colors, and choose how many columns.
Usesmotion
About
Sebastian Dahiya drew this in Figma for the Morfe waitlist, and I built it for real. Eleven columns of one gradient stand in a stepped pyramid, one soft blur runs over the whole row so they melt into each other, and two springs carry the peak after your pointer. Only transforms move, so it stays smooth.
- Designed by
- Sebastian Dahiya, in Figma
- Made live by
- Me, with Motion, React and Next.js