Implementing design to code is fun because it challenges your design that whether the idea is implementable or not. So, I usually use CodePen for code snippets and then get reviewed from peers. CodePen is a great tool because it's Front-end designers' playground - Feel free to fork my snippets :)
Controls Design

I designed these controls: toggle, radio, and checkbox, in Sketch, animated in Adobe Animate CC and then implemented in CodePen to show a thorough design process.

Buttons Design

A complete collection and implementation of buttons on Workstorm app

Responsive Table

This responsive table was designed for presenting demographic and survey results and was used on Workstorm production app. The responsiveness gives the snippet a full solution on all size of screens. Try to resize the screen or see it yourself.

Other Works

Back to Top