Shaders Hero Section
WebGL shader-based animated hero section with gradient mesh background.
HeroReactThree.jsGLSL
CSSCustom CSS
Manual
Create a file and paste the following code into it.
src/App.tsx
1
2
3
4
5
6
7
import ShadersHeroSectionDemo from "@/components/shaders-hero-section-demo";
function App() {
return <ShadersHeroSectionDemo />;
}
export default App;Update the import paths to match your project setup.