felix-au

Matrix Rain Cursor

Backgrounds 2

About

A full-screen canvas cursor effect that renders a Matrix-style falling character rain which brightens and speeds up near the mouse pointer.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Matrix Rain Cursor to your project and fits it to your theme.

Code

How Matrix Rain Cursor is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import MatrixRainCursor from "@/components/ui/matrix-rain-cursor";

export default function MatrixRainCursorDemo() {
  return (
    <div className="relative w-full h-screen bg-black overflow-hidden">
      <MatrixRainCursor />
    </div>
  );
}

More in Backgrounds

View all
  • Elegant Dark Pattern

    Elegant Dark Pattern

    876
  • Background snippets

    Background snippets

    112
  • Gradient Backgrounds

    Gradient Backgrounds

    28
  • Tailwind CSS Background Snippet

    Tailwind CSS Background Snippet

    580
  • Light theme Tailwind CSS Background Snippet

    Light theme Tailwind CSS Background Snippet

    241
  • Background Components

    Background Components

    16
  • Gradient Blur Bg

    Gradient Blur Bg

    37
  • Jade Sky

    Jade Sky

    98