Pointer Highlight

Draw attention to any element with an animated rectangle and pointer reveal.

Source code

Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

Usage

Inline text

The best way to grow is to
collaborate

Basic example

Everything important deserves a little attention.

Animated background

There has to be some
background to animate too

Styled card

Early access invite

Join the next release preview and test features before they ship.

Get early builds, changelog previews, and a private feedback channel with the team.

Marketing grid

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.

Class customization

Use containerClass, rectangleClass, and pointerClass to control the spacing and appearance of the highlight treatment.

Custom rectangle
Custom pointer