Vuejs Progress Bar

Made with:

View Code

Image Mosaic Effect With Css Grids & Blend Modes

Uses CSS Grid Spec and mix-blend-mode to create a mosaic effect from a single image.

Made with: HTML,CSS (SCSS)

View Code

Olly Moss Star Wars Parallax

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

View Code

Resizable Elements With Scoped Css Variables & Touch Support

Made with: HTML (Pug),CSS (Stylus),JS (Babel)

View Code

Vertical Divider

CSS vertical divider - coloured and animated.

Made with: HTML,CSS

View Code

Dropdown Menu

Custom dropdown menu.

Made with: HTML

View Code

Side Menu Animation

Side menu animation in jQuery.

Made with: HTML,CSS,JS

View Code

Fullwidth <Hr>

Overflow the parents container and stretch it to 100vw.

Made with: HTML,CSS (SCSS)

View Code

Toggle

Toggle switch pure CSS.

Made with: HTML,CSS (SCSS)

View Code

Toggle

Pure CSS toggle switch.

Made with: HTML

View Code

Path Carousel Basic

Made with: HTML,CSS (SCSS),JS

View Code

Liquid Svg

Made with: HTML,CSS (SCSS)

View Code

Loader #4

Simple loader.

Made with: HTML

View Code

Tab Switch Animation

UI/UX example: tab switch animation.

Made with: HTML (Pug),CSS (Sass),JS (Babel)

View Code

Css Animation For Jquery Accordion

Accordion for meteo application in jQuery with CSS animation.

Made with: HTML,CSS,JS

View Code

Swing Masking Loader

Swing masking loader from an experiment lab.

Made with: HTML

View Code

Vertical Slider Bootstrap 4

Made with: HTML,CSS,JS

View Code

Grid Layout Blog Card

HTML card for blog page or landing page with CSS Grid Layout.

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

View Code

Activate Button

Activate button made with ::after, ::before, ::transition, animation and jQuery.

Made with: HTML,CSS,JS

View Code

Buttons + Svg Trianglify

Buttons with SVG patterns that move on hover.

Made with: HTML,CSS,JavaScript

View Code