Ripple Grid

Animations

Grid with ripple wave effects.

Import

import { PixelRippleGrid } from "@/components/ui/pixel/animations/pixel-ripple-grid"

Usage

Component Source

Copy and paste the following code into your project at /src/components/ui/pixel/animations/pixel-ripple-grid.tsx

"use client";

import * as React from "react";
import RippleGrid from "@/components/RippleGrid";

export function PixelRippleGrid(props: any) {
  return (
    <div className="pixel-animation-wrapper w-full h-48">
      <RippleGrid {...props} />
    </div>
  );
}

export default PixelRippleGrid;

Accessibility

This component is built with accessibility in mind, including proper ARIA attributes, keyboard navigation, and focus management.