Css Particle Style Animation

Playing around with an effect to include on the product page of Outfit.io

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

View Code

Pure Css Download Button

Download button with progress bar and user feedback.

Made with: HTML,CSS (SCSS)

View Code

Recipe Card

Great concept for a recipe card.

Made with: HTML,CSS,JavaScript

View Code

Html Error Page

Simple HTML 404 error page.

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

View Code

Colourful Flower Popup Menu

This mobile inspired flower popup menu is a colourful fun project I'm experimenting with. Feel free to use it however you like.

Made with: HTML,CSS

View Code

Bootstrap Blog Item Comments

Made with: HTML,CSS

View Code

Social Network Home News Feed

Made with: HTML,CSS,JS

View Code

Bootstrap Products View List

Made with: HTML,CSS

View Code

Css Glitch Text

Made with: HTML,CSS (SCSS)

View Code

React Input Mask

Made with:

View Code

Fancy Border Box

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

View Code

Css Slider

Simple pure CSS slider made with <input type="radio">

Made with: HTML,CSS

View Code

App Download Button Concept

No JS! Only CSS magic.

Made with: HTML,CSS

View Code

Testimonial Slider Pure Css

Made with: HTML,CSS

View Code

Css Accordion

Accordion menu with only HTML and CSS. Click on an item to open. Click on its header or the list header to close. Add the class arrows to nav.accordion to add dropdown arrows.

Made with: HTML,CSS

View Code

Animated Hero Image With Css Clipping

Animated with CSS and applied CSS fixed item clipping to get subtle animation.

Made with: HTML,CSS (PostCSS)

View Code

Download Button

Download button with jumping ball animation with little jQuery.

Made with: HTML,CSS (SCSS),JS

View Code

Product Card

Made with: HTML,CSS (SCSS)

View Code

Svg Gooey Hover Menu Concept

Uses SVG path manipulation based on mouse position to 'chase' the user's position.

Made with: HTML

View Code

Solar System Simulator 2.0 Pure Css

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

View Code