shadcn index

PixelSnow

PreviousNext

Falling pixelated snow effect with customizable density and speed.

Docs
react-bitscomponent

Preview

Loading preview…
PixelSnow/PixelSnow.css
.pixel-snow-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  contain: layout style paint;
}

.pixel-snow-container canvas {
  display: block;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}

Installation

npx shadcn@latest add @react-bits/PixelSnow-JS-CSS

Usage

import { PixelSnowJSCSS } from "@/components/PixelSnow-JS-CSS"
<PixelSnowJSCSS />