404 Not Found
A cinematic 404 experience with procedurally animated 3D ribbons, custom GLSL shaders, and scroll-driven text in React Three Fiber.
Not VerifiedBlockExperiment11 files
3dshaderanimationscroll
Preview
404 Not FoundOpen Full Page
[!TIP] Open in full screen for the best experience.
Install
npx shadcn add https://www.razisyed.cv/r/404-not-foundDependencies
npm i @react-three/drei @react-three/fiber threeFile Structure
404NotFound.tsx
Ribbon.tsx
scrollState.ts
useResponsiveCamera.ts
useRibbons.ts
constants.ts
ribbonShader.ts
types.ts
useCachedTexture.ts
useFontsReady.ts
Source
Loading source...