Cursor

A cursor component, great for realtime interactive applications.

@loveconnorCan we change the color?@monster0506I'm not sure if this is working...@cloveWhat is this?

Installation

npx loveui add cursor

Features

Customizable cursor color with automatic text color contrast adjustment
Optional name label display
Optional message display
Smooth cursor pointer with tooltip-style appearance
Fully accessible with ARIA attributes
Responsive and performant with optimized rendering

Examples

Cursor only

Cursor with name

Connor

Cursor with message

That looks great!

Cursor with name and message

ConnorThat looks great!

Cursor with custom color

@loveconnorCan we adjust the color?

Avatar Stack

Avatar Stack is a component that allows you to stack and overlap avatars.

Calendar

The calendar view displays features on a grid calendar. Specifically it shows the end date of each feature, and groups features by day.

On this page

Cursor with name

Cursor with message

Cursor with name and message

Cursor with custom color