Components
Shader Background
Liquid Orange Shader Component
This is a WebGL-powered React component that renders a mesmerizing, animated liquid orange effect directly on an HTML canvas using custom GLSL shaders.
Use Cases:
Hero sections for websites Background animations for landing pages Creative portfolio showcases Abstract visual experiences Branding elements with fluid, organic aesthetics
import LiquidOrangeShader from '@/components/ui/shader-background';
function App() {
return (
<div>
<LiquidOrangeShader />
</div>
);
}
export default App;