Pointer Highlight

A component that highlights text when it's in view, with a pointer and border.

The best way to grow is to

collaborate

Installation

npx shadcn@latest add @aceternity/pointer-highlight

collab tool

of the century with max benefits and minimal effort.

Our state of the art collab tool of the century with max benefits.

Discover our

innovative

solutions for your business needs.

Transforming ideas into reality with cutting-edge technology and expert guidance.

Experience the future with our

sustainable technology

Eco-friendly solutions designed for a better tomorrow and reduced environmental impact.

There has to be some

background to animate too

Prop	Type	Required	Default	Description
`children`	`React.ReactNode`	Yes	-	The content to be wrapped by the pointer highlight effect
`rectangleClassName`	`string`	No	-	Additional CSS classes to apply to the animated rectangle border
`pointerClassName`	`string`	No	-	Additional CSS classes to apply to the pointer icon
`containerClassName`	`string`	No	-	Additional CSS classes to apply to the container div

Next.js 15, Tailwind CSS v4 and Motion for react powered templates

100+ templates and blocks combined

Ready to copy paste component blocks, save days of development time