Jquery User Profile

17.01.2017

Fully responsive and animated user profile modal card.

Made with: HTML (Haml),CSS (SCSS),JS

View Code

Jquery User Profile

Css Clock

17.01.2017

Realistic minimal HTML and CSS clock.

Made with: HTML (Pug),CSS (SCSS)

View Code

Css Clock

Twitter Author Card

17.01.2017

Flashing Twitter author card.

Made with: HTML

View Code

Twitter Author Card

Pure Css Hover Blur

16.01.2017

Made with: HTML,CSS

View Code

Pure Css Hover Blur

Simple Css3 Page Transition

15.01.2017

A simple and performant CSS3 page transition.

Made with: HTML

View Code

Simple Css3 Page Transition

Input Field With Underline Under Each Character

15.01.2017

Made with: HTML,CSS (SCSS)

View Code

Input Field With Underline Under Each Character

Vue Book Content Typer

14.01.2017

Example showing v-model.lazy and transition component in Vue. Animations with GreenSock in the JS hook.

Made with: HTML,CSS (SCSS),JS (Babel)

View Code

PlaceholderVue Book Content Typer

Gallery Hover Effect

14.01.2017

Gallery hover effect and gallery expanded.

Made with: HTML/Pug

View Code

Gallery Hover Effect

Movie Ticket

13.01.2017

Made with: HTML,CSS (SCSS),JS

View Code

Movie Ticket

Css Only Liquid Dripping Effect

13.01.2017

Can be used as a background and multiple layers of liquid can be created.

Made with: HTML,CSS (SCSS)

View Code

Css Only Liquid Dripping Effect

Draw Borders From Center

12.01.2017

Draw borders from the center of the box using psudo elements.

Made with: HTML,CSS

View Code

Draw Borders From Center

Slide Menu

12.01.2017

Pure CSS animated slide menu.

Made with: HTML,CSS (SCSS)

View Code

Slide Menu

Purple Sidebar Menu

12.01.2017

This is a reverse engineering of the "Hyperspace" design from HTML5 Up! https://html5up.net/hyperspace

Made with: HTML,CSS (SCSS)

View Code

Purple Sidebar Menu

Css Concert Ticket Purchase

11.01.2017

Made with: HTML,CSS (SCSS)

View Code

Css Concert Ticket Purchase

Triangles Animation

11.01.2017

Background triangle animations.

Made with: HTML,CSS (SCSS)

View Code

Triangles Animation

Vhs Text

10.01.2017

VHS text effect in HTML, CSS and JS.

Made with: HTML (Haml),CSS (SCSS),JavaScript

View Code

Vhs Text

Vue Numeric

10.01.2017

Made with:

View Code

Vue Numeric

Quirky Button

9.01.2017

Hover and click effect for flat button in jQuery.

Made with: HTML,CSS (SCSS),JS

View Code

Quirky Button

Flexbox Timeline Layout

9.01.2017

Column-based flexbox timeline layout. The goal is to have clean, semantic HTML while creating a (somewhat complex) timeline-looking layout.

Made with: HTML,CSS (SCSS)

View Code

Flexbox Timeline Layout

Flowchart

9.01.2017

Flowchart in HTML, SVG and CSS.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Flowchart