Sona UI
A reusable React component system for teams that want speed without giving up visual control.

Dinil Thilakarathne
Design engineer · Colombo, Sri Lanka
I build interfaces where clarity, interaction, and visual precision work together focused on thoughtful systems, refined details, and high-quality execution.
Currently designing and building at Creativo-Code and AigenxLabs.
A focused selection of product, interface, and design-system work.
I move between interface design and implementation, using each to improve the other.
I turn product requirements into clear interface structures, reusable patterns, and accessible component contracts.
I use motion and responsive feedback to make interactions and state changes easier to understand.
I carry interface decisions into responsive implementation and refine them against real production constraints.
Start a conversation
Share the idea, the problem, or the rough brief. We can start with a focused conversation about what the experience needs.
Notes on interface engineering, CSS, motion, and the details behind the work.
Small experiments exploring interaction, motion, and visual detail.
A cursor-led image sequence that gives a quiet gallery surface a sense of movement.
A procedural background built from softly moving gradient bars.
A list interaction that preserves an item’s identity as it moves between unpinned and pinned groups.
A compact action that expands into contextual project choices.
A layered navigation selector driven by CSS anchor positioning.
A transparent view of how people find and use this portfolio. Updated periodically through Vercel Web Analytics.