Responsive Mega Menu

Responsive mega menu with blog, image and drop down.

Made with: HTML,CSS,JS

View Code

Css Background Change On Scroll

Fixed element appears to change color when entering different sections. Uses duplicated elements for every section. Now with blend-mode magic for added effect.

Made with: HTML,CSS (SCSS)

View Code

Handkerchief Pattern

CSS handkerchief pattern.

Made with: HTML/Haml

View Code

Cat Vs Ball Of Wool

Made with: HTML,CSS,JavaScript

View Code

The Red Planet

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

View Code

Circular Menu

Circular menu/navigation, hamburger, Material.

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

View Code

3D Colorful Animated Carousel

Made with: HTML,CSS (SCSS),JS

View Code

Half Fuller Buttons

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

View Code

Gradient Button

Gradient button with subtle animations.

Made with: HTML,CSS (SCSS)

View Code

Css & Svg Waves Animation

This CSS3 version is hardware accelerated, simple, and is much more performant.

Made with: HTML,CSS (SCSS)

View Code

Coin Flip

Coin flipping with CSS animation.

Made with: HTML,CSS

View Code

Custom Context Menu

It's is a very cool way of providing custom options in a website.

Made with: HTML,CSS (SCSS),JS

View Code

Material Design Responsive Card

Card style based on Google Material color palette.

Made with: HTML,CSS (Less),JS

View Code

Material Design - Responsive Grid Card

Responsive material card based on Google Material Color palette in a Bootstrap grid.

Made with: HTML,CSS (Less),JS

View Code

Rainbowy Dashed Divider

Pretty CSS rainbowy dashed divider.

Made with: HTML,CSS (SCSS)

View Code

Css Only Random Text Transform

Generate random text transformation using CSS only.

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

View Code

Hexagons Pattern

Animated neon hexagons pattern with SVG and CSS.

Made with: HTML

View Code

Neon Grid Loaders

4 variations of a loading indicator using the same Flexbox grid system.

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

View Code

Styling Blockquotes

Styling blockquotes with box-shadow.

Made with: HTML,CSS (SCSS)

View Code

Css3 Stroke And Gradient Text

Made with: HTML,CSS (SCSS)

View Code