Heatmap Example

paper-shaders/heatmap

FreeComponent

Heatmap shader example.

Install it

npx shadcn@latest add https://shaders.paper.design/r/heatmap.json

Source

registry/heatmap-example.tsxshaders.paper.design/r/heatmap.json

1'use client';
2 
3import { Heatmap, HeatmapProps } from '@paper-design/shaders-react';
4 
5export function HeatmapExample(props: HeatmapProps) {
6  return <Heatmap style={{ position: 'fixed', width: '100%', height: '100%' }} {...props} />;
7}

What it pulls in

npm packages

@paper-design/shaders-react

Files it writes

registry/heatmap-example.tsx

More from Paper Shaders

All 30 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Color Panels Examplecolor-panels	Paper Shaders	Components	Free	1 dep
Dithering Exampledithering	Paper Shaders	Components	Free	1 dep
Dot Grid Exampledot-grid	Paper Shaders	Components	Free	1 dep
Dot Orbit Exampledot-orbit	Paper Shaders	Components	Free	1 dep
Fluted Glass Examplefluted-glass	Paper Shaders	Components	Free	1 dep
Gem Smoke Examplegem-smoke	Paper Shaders	Components	Free	1 dep
God Rays Examplegod-rays	Paper Shaders	Components	Free	1 dep
Grain Gradient Examplegrain-gradient	Paper Shaders	Components	Free	1 dep