An open API service indexing awesome lists of open source software.

https://github.com/kdeavila/mouse-hover

Proyecto desarrollado con Astro y TailwindCSS v4 que presenta una galería interactiva de tarjetas con distintos estilos de cursor. Incluye efectos visuales, tooltips personalizados y un diseño completamente responsive.
https://github.com/kdeavila/mouse-hover

astro cursor-pointer hover tailwindcss

Last synced: 4 months ago
JSON representation

Proyecto desarrollado con Astro y TailwindCSS v4 que presenta una galería interactiva de tarjetas con distintos estilos de cursor. Incluye efectos visuales, tooltips personalizados y un diseño completamente responsive.

Awesome Lists containing this project

README

          

# 🖱️ 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

- [Astro](https://astro.build/)
- [TailwindCSS v4](https://tailwindcss.com/)

## 🛠️ Instalación

```bash
# 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