PlaceholderProgress Nav Concept Using The Intersection Observer Api

Vector/ Project Selection

21.01.2021

Made with: HTML,CSS,JS

View Code

PlaceholderVector/ Project Selection

Travel Video Landing Page

4.01.2021

Made with: HTML,CSS,JS

View Code

PlaceholderTravel Video Landing Page

Twitter Sidebar

11.12.2020

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderTwitter Sidebar

Slide-Out Navigation With Gsap 3

3.12.2020

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderSlide-Out Navigation With Gsap 3

Button Hover Effect

7.10.2020

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderButton Hover Effect
PlaceholderEndless Wheel Navigation Built With Alpinejs And Tailwindcss
PlaceholderMenu To Inner Page Animation With Image Grid Background

Full Screen Navigation Bar

8.09.2020

Made with: HTML,CSS,JS

View Code

PlaceholderFull Screen Navigation Bar

Menu Navigation Animation

16.08.2020

Made with: HTML,CSS,JS

View Code

PlaceholderMenu Navigation Animation

Travel/Tracking Website Landing Page

14.08.2020

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderTravel/Tracking Website Landing Page

Context Menu

11.08.2020

Made with: HTML,CSS,JS

View Code

PlaceholderContext Menu

Fancy Navigation

11.08.2020

Fancy navigation with hover effects.

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

View Code

PlaceholderFancy Navigation

Image Hover Navigation

10.08.2020

Intro animation duration stagger. Mouse position tracking with CSS variables. Text outline reveal on hover.

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderImage Hover Navigation

The 3D Navigation Animation

2.08.2020

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderThe 3D Navigation Animation

Jumping Gooey Navigation

29.07.2020

Made with: HTML,CSS,JS

View Code

PlaceholderJumping Gooey Navigation

Full Screen Overlay Navigation

25.07.2020

Made with: HTML,CSS,JS

View Code

PlaceholderFull Screen Overlay Navigation

Nav Stretch

21.07.2020

Made with: HTML,CSS,JS

View Code

PlaceholderNav Stretch

Bold Hover Animations With Splitting.Js

20.07.2020

Added Splitting.js to incorporate other silly animation ideas on hover.

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderBold Hover Animations With Splitting.Js

Link Hover Interaction

17.07.2020

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderLink Hover Interaction