Skip to content

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

 
 
 

Contributors