Two files: the React component and its CSS module. Install with npx indevdigital add black-hole-hero, or copy them from My Library.
Product catalog
01 — Overview
Turn your hero section into a gravity-driven experience. This animated black hole background pulls visual elements inward with a smooth nebula glow and flowing star particles, creating a natural focal point that enhances engagement and boosts conversions. Ideal for start-ups, portfolios, and high-end digital products looking to stand out.
A full-screen hero built on a hand-written canvas animation: 200 twinkling stars drift inward under real gravity and vanish into a glowing, slowly spinning event horizon. Your headline, subheading and two call-to-action buttons sit on top, each set through a prop. No libraries, just two files: drop it in and change the copy.
02 — Details
03 — FAQ
Our team will help you get the right configuration.
Two files: the React component and its CSS module. Install with npx indevdigital add black-hole-hero, or copy them from My Library.
No. It's plain React with a CSS module and uses no shadcn components. Installing with the CLI only needs a components.json (run npx shadcn@latest init once).
Yes. The headline, subheading and both buttons (labels and links) are props, so there's no need to edit the code.
Yes. The files are plain JSX, which TypeScript projects use as-is.
It draws 200 small stars on one canvas, sized for sharp retina screens. It's about 12 KB in total and needs no libraries.
Yes. The layout adapts below 680px and the canvas resizes with the screen.
Each licence covers one seat. Every installed file carries your licence key, so keep the header in place. See the licence terms for details.
04 — Reviews
Custom build