Skip to main content

Assets Templates Inspiration Components

Components/Componentry

Dither Prism Hero

Dither Prism Hero

Pro

A breathtaking WebGL hero background featuring advanced dithering, prismatic refraction, and holographic iridescence rendered in real-time with GLSL.

Category: Backgrounds
Built with: React, Tailwind, Three.js, Motion
Installs: @react-three/fiber @react-three/drei three framer-motion
Files: dither-prism-hero.tsx + 1 more

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Componentry

by Harsh Jadhav

53 components

Copyright (c) 2026 Harsh Jadhav. Open source, added by Craftwork. The license line stays in the copied code.

More like this

FreeAnimated Gradient

Animated Grid Pattern

Dither Gradient

Flickering Grid