Collections,

UI/UX, HTML, CSS, Javascript
Fall 2015 - Fall 2016

A collection of web and UI projects that were started as either for learning and practice purposes. All projects are open source and can be distributed with MIT license to contribute to the design/development community. Here is only a preview of the entire collection. Individual website/project links can be found below in the Demo section.

Button.css
17 stars on Github, 2 forks
176 likes on Codepen

Buttons are one of the most common UI components on the web. With the update of CSS3, it became easier for developers to create interactive buttons and transitions with code. This collection is a showcase of CSS3 buttons and the variations of animation of this simple UI component.

Demo
Website
CodePen

Distribution
Github Source Code
MIT License

Svg.html
3 likes on Codepen

Svg.html is a collection of HTML 5 svg animations. It is intended to showcase the ease of various animations only using svg and CSS 3 keyframes. It is obvious that svg animations can be lightweight, modular and scalable on the web canvas. From simple buttons to charts to image drawing and fills, and even motion graphics demonstrations, HTML 5 svg animations can be used for all purposes.

Demo
Website
CodePen

Distribution
Github Source Code
MIT License

Leaf.ui
Leaf.ui is a collection of daily UIs inspired by numerous web sources and inspirations in real life. The purpose of this collection is to practice the visual and UI design skills. From poster, icons, print to UI/UX, this collection was intended to touch on various areas of visual design.

Demo
Website

Distribution
Github Source Code
MIT License

Rams: Ten Principles of Good Deisgn
Inspired by Dieter Rams' Ten Principle of Good Design, I decided to make a web visualization using parallax effect with the ten principles. All Javascript codes are written by myself without the aid of libraries. The result is a stunning celebration of contemporary design projects in reference to these principles.

Demo
Website

Distribution
Github Source Code
MIT License

Find me on