Hero Highlight
A dot-grid hero with a cursor-following spotlight and an animated gradient highlight on a key phrase.
Lumenite UI · v2.0Ship interfaces that feel alive,
Ship interfaces that feel alive,
straight from copy & paste.
A component library for teams obsessed with the details. Move your cursor, the light follows you.
Trusted by 4,000+ product teams
Usage: paste this file into your project (e.g.
components/hero-highlight.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.