Components
Loading preview...
Renders a stylized animated “404” using motion-shaken SVG segments and a dynamic fuzzy canvas distortion effect for a glitchy, reactive visual. Perfect for error pages, HUD, sci-fi interfaces, or immersive game UIs needing a high-impact, animated aesthetic.
npx shadcn@latest add https://21st.dev/r/isaiahbjork/glitchy-404-1"use client";
import { useTheme } from "next-themes";
import { Glitchy404 } from "@/components/ui/glitchy-404-1";
export default function Demo() {
return (
<div className="min-h-screen overflow-hidden flex items-center justify-center">
<Glitchy404 width={800} height={232} color={theme === "dark"? "#fff" : "#000"} />
</div>
);
}