Sample 500 Error Page
This is an SVG from Illustrator, cleaned up via SVGOMG, then animated using the Vivus.js library.
Made with: HTML,CSS,JS
Pure Css Buggy Error
Hover the error code to make a bunch of bugs skitter.
Made with: HTML,CSS (SCSS)
Animated Text-Shadow
A fun, CSS animation that creates a bounce while mimicking an RGB separation during the process.
Made with: HTML,CSS
Vuejs Music/Audio Player Version 2
A VueJS based audio player created using HTML5 Audio API.
Made with: HTML,CSS (SCSS),JS (Babel)
Horizontal Slider To Gallery Grid
Full responsive grid with awesome mobile UX using one media query and two lines of code.
Made with: HTML,CSS (SCSS)
The Glitch Effect
Creating a glitch effect where screen will shake on hover.
Made with: HTML,CSS
404 Page - Css Character
4040 page with little monster character made entirely with CSS plus a mouse tracking animations.
Made with: HTML (Pug),CSS,JS
Css Grid Card Skeleton Screen With Custom Properties
The skeleton page is a big trend in UX field. Using CSS Grid to create the page layout, it is more practical to work with components that need to be dynamically repeated.
Made with: HTML,CSS (Less)