Header 02
The header component that I created and developed is based on the header-01 component
Animated Color Changing Background on Scroll
This component creates a dynamic user experience by smoothly transitioning your website's background color as visitors scroll down the page.
Component Features:
Libraries:
Toggle Dark/Light Mode
The Toggle Dark/Light Mode component allows website visitors to switch between dark and light themes according to their preferences.
Component Features:
Libraries:
Header 01
In the Header of Geekfolio (a template I've purchased), there are many interactions that I've studied, then recreated without jQuery
Moving Gallery to Left and Right Position When Mouse Scrolling
I learned this technique from a WordPress theme called Harington. It creates a dynamic user experience where gallery elements move…
Component Features:
Smooth CSS Shrink and Scale on Hover
I learned this technique from a WordPress theme called Harington. It creates an elegant visual effect when users hover over elements.
Magnetic Tooltip
I'm practicing from a tutorial by youtube.com/@webbae about magnetic tooltip interaction using GSAP, gsap/Flip, and chroma-js