Components
Loading preview...
A remixable, theme-aware hero composed of layered visuals: panning grid, volumetric haze, chromatic core glow, and a slow-rotating wireframe sphere. Supports mouse-driven parallax smoothing, accessible focusable CTAs, and CSS variables for easy theme overrides. Designed for integration as a homepage or showcase hero and to be simple to remix by changing the CONFIG constants or CSS variables.
@dhiluxui
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/geometric-sphereimport React from "react";
import SphereHero from "@/components/ui/geometric-sphere";
export default function App() {
return (
<div id="root-wrapper" className="app-root">
<SphereHero />
</div>
);
}