Hero Component with Light Beam Effect

Hero Component with Light Beam Effect

Tailwind CSS Hero component that renders a spotlight effect beaming onto the Hero Heading & Subheading

This should
be your Heading

This component is super easy to customise.


Install Dependencies

First you'll need to install component dependencies into your project.

Paste Component Code

Create a new component in your project and paste in the below code.

Serve your Application

Just like that. Your new component should render in your App.

Other things


  • Cobalt - This Hero component is heavily inspired by the amazing team at Cobalt.