Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Template

Paper Shaders

Zero-dependency canvas shaders you can install from npm or design in Paper.

Visit Paper Shaders4.4

  • Rating

    4.4 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

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: what Paper Shaders does well

  • Many ready-made effects with no dependencies
  • Install from npm or design visually in Paper
  • Apache-2.0 licensed

Cons: where it falls short

  • Heavy effects can tax older devices
  • Aimed at developers and designers who code

Paper Shaders alternatives

Not sold on Paper Shaders? These do a similar job, and each card says what it has in common.

All Workflows resources

tweakcn

Focus: shadcn ui, theme editor and design tokens. Shares react with Paper Shaders. A web app, not a template. Same 4.4 rating.

Web AppFreeWeb
4.4Visit

Unicorn Studio

Focus: interactive graphics, 3d and motion design. Shares webgl and shaders with Paper Shaders. A web app, not a template. Freemium (Paper Shaders: Free). Rated 4.6 (Paper Shaders: 4.4).

Web AppFree planWeb
4.6Visit

shadercn

Focus: webgpu, wgsl and components. Shares shaders and react with Paper Shaders. A website, not a template. Rated 4.5 (Paper Shaders: 4.4).

WebsiteFreeWeb
4.5Visit

DialKit

Focus: ui tuning, animation and developer tools. Also in Workflows and Personal Productivity, like Paper Shaders. Same 4.4 rating.

TemplateFreeWeb
4.4Visit

Iconly

Focus: icons, icon design and inspiration. Also in Workflows and Personal Productivity, like Paper Shaders. A website, not a template. Rated 4.6 (Paper Shaders: 4.4).

WebsiteFreeWeb
4.6Visit

Book of Shapes

Focus: generative art, patterns and algorithmic art. Also in Workflows and Personal Productivity, like Paper Shaders. A website, not a template. Rated 4.5 (Paper Shaders: 4.4).

WebsiteFreeWeb
4.5Visit

Free alternatives to Paper Shaders

Want to spend nothing? These free picks cover similar ground.

Anicon

Focus: animated icons, shadcn and svg. Shares react with Paper Shaders. Same 4.4 rating.

TemplateFreeWeb
4.4Visit

ASCII Magic

Focus: ascii art, image effects and video effects. Also in Workflows and Personal Productivity, like Paper Shaders. A web app, not a template. Same 4.4 rating.

Web AppFreeWeb
4.4Visit

ASCIInator

Focus: ascii art, generator and images. Also in Workflows and Personal Productivity, like Paper Shaders. A web app, not a template. Same 4.4 rating.

Web AppFreeWeb
4.4Visit

Gradientool

Focus: gradients, design and generator. Also in Workflows and Personal Productivity, like Paper Shaders. A web app, not a template. Same 4.4 rating.

Web AppFreeWeb
4.4Visit

NumberFlow

Focus: animated numbers, ui component and accessibility. Shares react with Paper Shaders. Same 4.4 rating.

TemplateFreeWeb
4.4Visit

Motion (motion.dev)

Focus: animation, javascript and vue. Shares react with Paper Shaders. A framework, not a template. Rated 4.7 (Paper Shaders: 4.4).

FrameworkFreeWeb
4.7Visit
Are you the maker of Paper Shaders?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.