Focused on composable primitives, readable source, and interaction patterns that feel intentional.
ReactTypeScriptDesign Systems
Dinil Thilakarathne
Design engineer · Colombo, Sri Lanka
Design engineer shaping clear, expressive digital experiences.
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.
Selected Projects
A focused selection of product, interface, and design-system work.
How I work
I move between interface design and implementation, using each to improve the other.
01
Shape the system
I turn product requirements into clear interface structures, reusable patterns, and accessible component contracts.
02
Refine the behavior
I use motion and responsive feedback to make interactions and state changes easier to understand.
03
Ship the experience
I carry interface decisions into responsive implementation and refine them against real production constraints.
Start a conversation
Let’s make the next digital experience feel considered.
Share the idea, the problem, or the rough brief. We can start with a focused conversation about what the experience needs.
Writing
Notes on interface engineering, CSS, motion, and the details behind the work.
Crafts
Small experiments exploring interaction, motion, and visual detail.
Craft
Aurora Background
A procedural background built from softly moving gradient bars.
Craft
Pinned list
A list interaction that preserves an item’s identity as it moves between unpinned and pinned groups.
Craft
Split Button Interaction
A compact action that expands into contextual project choices.
Craft
Motion Tabs
A layered navigation selector driven by CSS anchor positioning.
Analytics
A transparent view of how people find and use this portfolio. Updated periodically through Vercel Web Analytics.
- Page views
00 - Unique visitors
00
Daily traffic across all routes
Page viewsUnique visitorsLast 14 days