# Zero Melt Preloader

> A full-screen preloader the visitor has to earn. Procedural ice wipes in over your page while a counter runs to zero, then they melt their way through by tracing a circle with the pointer; the melt is a real hole, so whatever you wrap shows through it, and an accepted zero floods with light before the gate lifts. Use it as an entry gate or loading screen when arrival should feel deliberate. Self-contained: one file, raw WebGL2, no dependencies.

- Author: [Kedhareswer Naidu](https://21st.dev/@kedhareswer)
- License: mit
- Tags: Preloader, WebGL, Shader, Gesture, Loading Screen
- Live preview: https://21st.dev/@kedhareswer/components/zero-melt-preloader

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/kedhareswer/zero-melt-preloader?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/preloader.md