Slap Toggle

CSS slap toggle.

Made with: HTML

View Code

Background Scroll Effect

Pure CSS background image scroll effect.

Made with: HTML,CSS (SCSS)

View Code

Hexagon

Pure CSS hexagon.

Made with: HTML,CSS (SCSS)

View Code

Spinner Loader

Resizable animated spinner with a blurred animation effect.

Made with: HTML,CSS (SCSS)

View Code

Book Flip Hover Effect

3D flip hover effects, book of congratulations.

Made with: HTML,CSS

View Code

Hexagon Badges

Hexagon badges with Font Awesome icons.

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

View Code

Hexagon Badges

Hexagon badges with Font Awesome icons.

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

View Code

Custom Property Retro Buttons

Playing around with CSS custom properties.

Made with: HTML/Slim

View Code

Fancy Loader

Pure CSS fancy loader.

Made with: HTML

View Code

Card Hover Interaction

Dribbble shot conversion of Nancy Nguyen titled Article Card Hover Interaction.

Made with: HTML

View Code

Slideshow Vanilla Js

Custom slideshow with staggered transitions. Built in vanilla JS.

Made with: HTML

View Code

Bootstrap Menu + Submenu

Made with: HTML,CSS,JS

View Code

Download Button

A playful springy download button with light jQuery and CSS animation.

Made with: HTML

View Code

Arrow Animations

Sliding arrow css animations.

Made with: HTML

View Code

Bootstrap 4 Beta Comment List

Made with: HTML,CSS

View Code

Gooey Text Background With Svg Filters

Example of using a gooey SVG filter to create smooth edges around inline text with a background.

Made with: HTML

View Code

Bootstrap 4 Color Palette Generator. Including Color Variants

Bootstrap 4 color palette generator. Generates color variants from Bootstrap $colors i.e: .text-indigo-600 .bg-indigo-600 .border-indigo-600.

Made with: HTML/Haml

View Code

Css Counter Grid

Made with: HTML,CSS

View Code

Sticky Progress

Made with: HTML,CSS

View Code

Pure Css Tooltip

Pure CSS tooltip with full shadow around.

Made with: HTML,CSS (SCSS)

View Code