Doggie Screensaver
Pretty hacky attempt at recreating the floating screensaver for the photo gallery.
Made with: HTML,CSS (SCSS)

Add To Cart Animation
A cool add to cart animation with JavaScript.
Made with: HTML,CSS (SCSS),JS

Material Buttons
Practice with custom properties, clip-path, pseudo elements and CSS as a whole to create a series of buttons inspired by the material UI. With just enough JavaScript to make mouse events extra special.
Made with: HTML,CSS,JS



Radio Hopping
As you select different options, watch the dot worm hop from the previous to the current.
Made with: HTML,CSS (Sass)


Svg Navigation
Tinker with SVG syntax, the textPath element and the startOffset attribute to create an intriguing navigation. Animated with anime.js.
Made with: HTML,CSS,JS






Gritty Grid Gallery
A fast idea to use CSS Grid to display an image gallery. Hover/click to expand.
Made with: HTML,CSS (SCSS)





