Jquery User Profile

Fully responsive and animated user profile modal card.

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

View Code

Css Clock

Realistic minimal HTML and CSS clock.

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

View Code

Twitter Author Card

Flashing Twitter author card.

Made with: HTML

View Code

Pure Css Hover Blur

Made with: HTML,CSS

View Code

Simple Css3 Page Transition

A simple and performant CSS3 page transition.

Made with: HTML

View Code

Input Field With Underline Under Each Character

Made with: HTML,CSS (SCSS)

View Code

Vue Book Content Typer

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

Gallery Hover Effect

Gallery hover effect and gallery expanded.

Made with: HTML/Pug

View Code

Movie Ticket

Made with: HTML,CSS (SCSS),JS

View Code

Css Only Liquid Dripping Effect

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

Made with: HTML,CSS (SCSS)

View Code

Draw Borders From Center

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

Made with: HTML,CSS

View Code

Slide Menu

Pure CSS animated slide menu.

Made with: HTML,CSS (SCSS)

View Code

Purple Sidebar Menu

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

Made with: HTML,CSS (SCSS)

View Code

Css Concert Ticket Purchase

Made with: HTML,CSS (SCSS)

View Code

Triangles Animation

Background triangle animations.

Made with: HTML,CSS (SCSS)

View Code

Vhs Text

VHS text effect in HTML, CSS and JS.

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

View Code

Vue Numeric

Made with:

View Code

Quirky Button

Hover and click effect for flat button in jQuery.

Made with: HTML,CSS (SCSS),JS

View Code

Flexbox Timeline Layout

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

Flowchart

Flowchart in HTML, SVG and CSS.

Made with: HTML,CSS (SCSS),JavaScript

View Code