Glyph Matrix

An animated grid of subtly shifting glyphs with fade effect and theme support.

MMagic UI·byMUMagic UIPro

3,890

Bookmarks

14,090

Installs

8,690

Views

31 lines

"use client"

import { useEffect, useState } from "react"
import { useTheme } from "next-themes"

import { GlyphMatrix } from "@/components/ui/glyph-matrix"

export default function GlyphMatrixDemo() {
  const { resolvedTheme } = useTheme()
  // Start neutral so the first frame is visible in both themes, then adopt