About
A cinematic 3D voxel campus landing hero with ambient Cloudflare CDN video background, audio/playback controls, glowing typography, and floating interactive smartphone mockup.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Voxel Hero Section to your project and fits it to your theme.
Code
How Voxel Hero Section is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
"use client";
import * as React from "react";
import { VoxelHeroSection } from "@/components/ui/voxel-hero-section";
export default function VoxelHeroSectionDemo() {
return (
<div className="w-full min-h-screen bg-background">
<VoxelHeroSection />
</div>
);
}
















