Skip to content

Project developed with Astro and TailwindCSS v4 that presents an interactive gallery of cards with different cursor styles. It includes visual effects, custom tooltips and a fully responsive design.

Notifications You must be signed in to change notification settings

kdeavila/mouse-hover

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🖱️ Mouse Hover Cards

Proyecto visual e interactivo construido con Astro + TailwindCSS v4, donde se muestran diferentes estilos de cursor (cursor-pointer, cursor-wait, etc.) al pasar el mouse sobre tarjetas.

✨ Características

  • 🎨 Tarjetas interactivas con efecto hover suave.
  • 🖱️ Soporte para más de 20 estilos de cursor personalizados.
  • 📱 Diseño responsive con breakpoints.
  • 🔍 Tooltips al hacer hover que muestran el nombre del cursor aplicado.
  • 📌 Botón flotante con acceso directo al repositorio.
  • 🧩 Componentes modulares (Card, Footer, etc.)

🚀 Tecnologías utilizadas

🛠️ Instalación

# Clona el repositorio
git clone https://github.com/kdeavila/mouse-hover.git

# Entra al proyecto
cd mouse-hover

# Instala dependencias
npm install
# o con Bun
bun install

# Corre el proyecto
npm run dev
# o con Bun
bun dev

About

Project developed with Astro and TailwindCSS v4 that presents an interactive gallery of cards with different cursor styles. It includes visual effects, custom tooltips and a fully responsive design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published