Skip to content

A modern and interactive Custom Cursor Effect inspired by Awwwards-winning websites, built using HTML, CSS, JavaScript, and GSAP.

Notifications You must be signed in to change notification settings

ayythrva/custom-cursor-effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🖱️ Custom Cursor Animation (Awwwards-Inspired)

A modern and interactive Custom Cursor Effect inspired by Awwwards-winning websites, built using HTML, CSS, JavaScript, and GSAP.
This effect replaces the default browser cursor with a smooth, animated circle that follows the user’s pointer.
When hovering over images or interactive elements, the cursor grows in size, displays a short text label, and then smoothly returns to its original state when the hover ends.


✨ Features

  • Custom cursor that follows the mouse smoothly
  • Cursor expands and shows text when hovering on target elements
  • Smooth GSAP animations for natural motion
  • Minimal and elegant design
  • Awwwards-style interaction feedback

🛠️ Technologies Used

  • HTML5 – base structure
  • CSS3 – cursor styling, positioning, transitions
  • JavaScript (ES6) – DOM logic and interactivity
  • GSAP – for smooth animations and easing effects

🚀 Live Demo

🔗 View Live Project

About

A modern and interactive Custom Cursor Effect inspired by Awwwards-winning websites, built using HTML, CSS, JavaScript, and GSAP.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published