Skip to main contentSkip to navigation

Motion Highlight

PreviousNext

Motion Highlight component (coming soon)

Interactive Highlight Effect

Hover over this text to see the smooth highlight animation following your cursor.

Installation

Run the following command:

npx @hanzo/ui@latest add motion-highlight

Usage

import { Motion Highlight } from "@/registry/default/ui/motion-highlight"

export default function Example() {
  return <Motion Highlight />
}

Examples

Default

Interactive Highlight Effect

Hover over this text to see the smooth highlight animation following your cursor.

API

Documentation coming soon.

Features

  • Built with Radix UI and Tailwind CSS
  • Fully accessible and keyboard navigable
  • Customizable styling with CSS variables
  • TypeScript support

Notes

For more examples and advanced usage, see the examples.