Paper Shaders
Free · shaders.paper.design
Zero-dependency WebGL shader library with React components and GLSL for gradients, noise, dithering and image filters.
Best for: Use it when you want animated gradients, noise or image-filter shader backgrounds in a React or web project without a 3D engine.
- Free tier
- Open npm package, all shader demos browsable without an account
- Works as
- Web app, No sign-up
- Tags
- react, components, shaders, webgl, glsl, mesh gradient, background, noise, dithering, halftone, animation, ui components, npm
Similar tools
- React Bits Freemium · reactbits.dev
Open-source library of 170+ animated React components, backgrounds and text effects in JS/TS and CSS/Tailwind flavors. - Grainient Freemium · grainient.supply
Library of 1000+ gradient backgrounds — grainy, smooth, animated and AI-generated — for download or embedding. - Feral UI gradients Free · feralui.dev
Free mesh, grainy and animated gradient generator.
More in UI components & libraries
- shadcn/ui Free · ui.shadcn.com
Open-source React + Tailwind component code you copy into your project and own, built on Radix primitives. - Aceternity UI Freemium · ui.aceternity.com
Copy-paste React/Next.js components and blocks with Tailwind CSS and Motion animations, shadcn-compatible. - Originkit Freemium · originkit.dev
Library of 440+ animated web components you can copy as code, use in Framer, or pull in via MCP. - Uiverse Free · uiverse.io
Community library of free, copy-paste UI elements (buttons, loaders, cards) in CSS, Tailwind, React or Figma. - Kibo UI Free · kibo-ui.com
Open-source shadcn/ui component registry with 41 components, blocks and patterns including kanban, gantt, editors and pickers. - HeroUI Freemium · heroui.com
Open-source React component library (formerly NextUI) built on React Aria and Tailwind CSS v4, with a paid Pro tier of templates.