Snow Settings

Snowfall

Realistic accumulation on surfaces. Wind, melting, and border-radius awareness.

Install

Watch it
accumulate.

Snow detects surface edges and piles up naturally. Toggle it off and on to reset.

Header

Snow clings to the underside — as if drifting beneath an overhang.

Footer

Snow settles on horizontal surfaces and stacks upward naturally.

Any Element

Add data-snowfall="top" to any element. Snow accumulates automatically.

Three lines to start.

bash
npm install @hdcodedev/snowfall
tsx
import { Snowfall, SnowfallProvider } from '@hdcodedev/snowfall';

function App() {
  return (
    <SnowfallProvider>
      <Snowfall />
      <header>My Site</header>
    </SnowfallProvider>
  );
}