About
Hero Section with bg video clean designed
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Hero Section to your project and fits it to your theme.
Code
How Hero Section is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { HeroSection } from "@/components/ui/hero-section";
export default function DemoOne() {
return (
<main className="relative w-full h-full min-h-screen overflow-x-hidden">
<HeroSection />
</main>
);
}
More by Jessi
View all
Wireframe Dotted Globe
3.4K
3D Gallery Photography
3.3K
Animate Card Animation
2.4K
The Infinite Grid
1.9K
Hero Dithering Card
1.6K
Hero section with smooth bg Shader
1.3K
3D Image gallery
1.3K
Stacked Panels Cursor intereactive component
1.2K
More in Heroes
View all
SaaS Template
2.4K
Responsive Hero Banner
2K
Hero
1.2K
Centered Hero with Image Fan
932
Editorial Collage Hero
431
Glass Fold
212
HeroSectionWithGradient
336
Aero Hero-3
559
