tweakcn
A visual no-code theme editor for shadcn/ui components.
Web AppWorkflowsWebFree
4.4Visit
Template
Paper Shaders
Zero-dependency canvas shaders you can install from npm or design in Paper.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is Paper Shaders?
Paper Shaders is an open-source collection of fast shader effects for the web, including paper texture, fluted glass, water, dithering, halftone, mesh gradients, liquid metal and more. It ships as zero-dependency canvas shaders with a React package, and can also be designed in Paper.
Pros
- Many ready-made effects with no dependencies
- Install from npm or design visually in Paper
- Apache-2.0 licensed
Cons
- Heavy effects can tax older devices
- Aimed at developers and designers who code
Paper Shaders alternatives
Similar resources to Paper Shaders, picked from the directory.
Unicorn Studio
Craft production-ready interactive graphics with shaders, 3D and motion.
Web AppWorkflowsWebFreemium
4.6Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
DialKit
Dial in interface parameters, springs and animations live while you build.
TemplateWorkflowsWebFree
4.4Visit
Iconly
A curated inspiration library of 2,400+ app, game and web app icons.
WebsiteWorkflowsWebFree
4.6Visit
Book of Shapes
A curated gallery of generative patterns — discover, customize and download algorithmic art.
WebsiteWorkflowsWebFree
4.5Visit
Free alternatives to Paper Shaders
Free resources that cover similar ground.
Anicon
Over 500 animated SVG icons for React, installed one command at a time.
TemplateWorkflowsWebFree
4.4Visit
ASCII Magic
Turn photos and videos into ASCII, pixel art, halftone and more in your browser.
Web AppWorkflowsWebFree
4.4Visit
ASCIInator
The cleanest ASCII art visuals generator.
Web AppWorkflowsWebFree
4.4Visit
Gradientool
A simple tool for infinite unique gradient outputs.
Web AppWorkflowsWebFree
4.4Visit
NumberFlow
An animated number component for React, Vue, Svelte and JavaScript.
TemplateWorkflowsWebFree
4.4Visit
Motion (motion.dev)
Fast, production-grade animation library for React, JavaScript and Vue.
FrameworkWorkflowsWebFree
4.7Visit
Featured on Best Productivity Resources
Made Paper Shaders? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/paper-shaders" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>