Css Slider With Keyboard Controls

Made with: HTML,CSS

View Code

3d Text - Css Only

3D extrude text effect - CSS only.

Made with: HTML,CSS

View Code

Css Carousel With Keyboard Controls

Made with: HTML,CSS

View Code

Product Preview

A simple and clean product preview with hover effect.

Made with: HTML,CSS (SCSS)

View Code

Flyaway Send Button

A basic CSS animation that makes a paper airplane fly out of this "Send" button when clicked.

Made with: HTML,CSS (Stylus),JS

View Code

Multi Level Menu

Multi level CSS only push menu.

Made with: HTML,CSS (Sass)

View Code

Jquery Keyboard

Apple German keyboard layout. Type Something...

Made with: HTML (Haml),CSS,JS

View Code

Snake Game

This is a basic snake game made with JavaScript for logic and CSS for rendering. Use the arrow keys or WASD to control the snake. You can loop through walls.

Made with: HTML,CSS,JS

View Code

Bootstrap 4 Toggle

Bootstrap 4 Toggle is a bootstrap plugin/widget that converts checkboxes into toggles.

Made with: HTML,CSS,JS

View Code

Simple, Flat Contact Form

Made with: HTML,CSS

View Code

Fancy Text Inputs

Made with: HTML,CSS (Sass)

View Code

Animated Triangles

Animated triangles for background.

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

View Code

3D Rotating Sidebar Navigation

A vertical navigation bar that switches from an icon to text with a cool animation.

Made with: HTML,CSS

View Code

Css Table

Using CSS to fade-in a row, fade-out a row and show data in the table updating on a live basis. Also hovering over a row expands to show more information.

Made with: HTML,CSS (SCSS)

View Code

Loading Spinner

Cool CSS3 loading spinner.

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

View Code

Multi-Layer Sliding Navigation

The bare basics pieces you need to get a multi-layered sliding navigaton happening.

Made with: HTML,CSS (SCSS),JS

View Code

Css3 Weather Widget

Weather widget in HTML and CSS.

Made with: HTML (Haml),CSS

View Code

Jquery Animated Card Stacks

Testing some simple animations to separate stacks of cards.

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

View Code

Up Arrow

Animated up arrow button style. Designed to make the action more user friendly for the end user. The text fades away and is replaced with a animation designed to hint at the effect this button will have on the site.

Made with: HTML

View Code

Long Shadow Gradient Mixin

A Sass (SCSS) mixin to quickly generate long shadow gradients. Suitable for both text-shadow and box-shadow.

Made with: HTML,CSS (SCSS)

View Code