AURA

Themed cursor shadows for the web.

Your cursor is the most-used element on your site.
Make it feel intentional.

Select this text to see the I-beam cursor with a shadow. The effect is subtle but intentional, adding a layer of polish to your interface.

Item A

Item B

Notice your cursor?

Get Started

How It Works

Aura generates SVG cursors with baked-in shadows and applies them via CSS custom properties.

SVG-basedCrisp at any resolution
LightweightNo runtime, just CSS
ThemeableUpdates instantly when color changes

Installation

npm install cursor-aura

import { Aura } from 'cursor-aura'

<Aura color="#0C3EFF" />

Not a developer? Copy this prompt into Claude Code, Cursor, or Codex:

Add Aura cursor shadows to my website.
Use the color #0C3EFF for the shadow.

Note: Aura automatically overrides existing cursor styles.
No code changes needed besides adding the component.

Install: npm install cursor-aura
Docs: https://aura.juangabriel.xyz/getting-started