Basic Accordion

Basic accordion in HTML, CSS and JS.

Made with: HTML

View Code

Pong

Made with: HTML,CSS,JS (Babel)

View Code

Password Strength Validation

Password strength validation with visibility toggle in jQuery.

Made with: HTML,CSS (Sass),JS

View Code

Unfolding Card

Unfolding card in jQuery.

Made with: HTML,CSS (SCSS),JS

View Code

Pure Css Hover

Pure CSS hover panels.

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

View Code

Frosted Glass Card Overlay

Frosted glass effect using CSS3 filter property. The card's title and description slide up on hover, blurring the card's background behind them.

Made with: HTML,CSS (SCSS)

View Code

Frosted Glass Card Overlay

Frosted glass effect using CSS3 filter property. The card's title and description slide up on hover, blurring the card's background behind them.

Made with: HTML,CSS (SCSS)

View Code

Summer Css Banner Ad

Made with: HTML,CSS

View Code

Animated Flat Design Button

A button that follows the flat design trend but still has some 3D animation on hover.

Made with: HTML,CSS

View Code

Strikethrough Hover Effect For Menu

Hover effect for menu links. Use only one pseudo-element on link.

Made with: HTML,CSS (SCSS)

View Code

Menu Animation

Hamburger menu animation.

Made with: HTML

View Code

Simple Sliding Menu

Made with: HTML,CSS,JS

View Code

Implementation Of Liquid Button

Transitioning between On and Off states.

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

View Code

Element Card Group Element

Card UI with a simple 3D interaction.

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

View Code

No Questions Asked Form & Magic Focus

Made with: HTML/Haml

View Code

Bootstrap Checkbox With Custom Icon

This is an example showing how to create a custom checkbox using a desired icon to render in the checkbox while checked.

Made with: HTML,CSS (SCSS)

View Code

Radial/Circular Menu Concept

Experimenting with radial menus. Inspired by the right-click-to-expand radial menus of Rust. Change the number of menu items in the bottom right to see how it works with a different number of menu items.

Made with: HTML

View Code

Image Transition On Scroll(Gsap)

Transition inspiration from http://www.weareuprising.com/work/4.

Made with: HTML

View Code

Css Star Animation For Hero

Diagonal hero div with CSS star animation background.

Made with: HTML,CSS (SCSS)

View Code

Css Button Click

Simple click button in HTML and CSS.

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

View Code