Cursor
A cursor component, great for realtime interactive applications.
Installation
npx pal-ui@latest 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
Cursor with message
Cursor with name and message
Cursor with custom color
Avatar Stack
Avatar Stack is a component that allows you to stack and overlap avatars.
Gantt
The Gantt chart is a powerful tool for visualizing project schedules and tracking the progress of tasks. It provides a clear, hierarchical view of tasks, allowing you to easily identify manage project timelines.