nowfound

Work · alternatives · 2026

24 alternatives to reshaders

Studio to create awesome WEBGL backgrounds.

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.

  1. 1
    Shaders▲22

    Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte, Solid & JS.

    Jul 2026 · shaders.com · its alternatives →

  2. 2

    Webgl gradient backgrounds

    2025 · gradflow.meera.dev · its alternatives →

  3. 3SL

    Create, stack, and animate shader effects on images, video, text, and 3D models — free, in your browser, powered by WebGPU. Export video, publish to the community gallery, and remix any published scene.

    Apr 2026 · eng.basement.studio · its alternatives →

  4. 4MW
  5. 5

    Beautiful Next.js templates built by the Tailwind CSS team.

    2022 · tailwindcss.com · its alternatives →

  6. 6

    Create, copy & export beautiful SVG background waves

    2021 · wickedbackgrounds.com · its alternatives →

  7. 7
    Remotion▲428

    Create videos programmatically in React

    2021 · remotion.dev · its alternatives →

  8. 8

    Hey HN! We're Ben and Izak, founders of Repaint (YC S23). Repaint is like Figma, but for creating real websites. It has panning, zooming, and dragging elements around. The settings closely follow html/css. We think an open canvas is a big improvement over other website builders. Everything is easier: styling, consistency, responsiveness… But making it work was hard! We thought HN would appreciate the tech behind it: - A custom WebGL rendering engine (w/text, shadows, blurs, gradients, & opacity groups) - A partial implementation of the css spec - A custom text editor & text shaper…

    2024 · repaint.com · its alternatives →

  9. 9MF
  10. 10

    Customize, scalable backgrounds and patterns for free

    2018 · svgbackgrounds.com · its alternatives →

  11. 11

    Browse and share GPU-made GIFs. Explore GLSL shader experiments, search by topic, and open any piece in the editor to learn or remix.

    2018 · shadergif.com · its alternatives →

  12. 12

    Looking at websites such as Clerk, I began thinking that design engineers might be some kind of wizards. I wanted to understand how they do it, so I started reverse-engineering their components out of curiosity. One thing led to another, and I ended up building a small library of reusable, animated components based on what I found. The library is built in React and Framer Motion. I’d love to hear your feedback

    2025 · reverseui.com · its alternatives →

  13. 13

    Create living images from your data, dynamically on the fly

    2022 · opengraphimage.com · its alternatives →

  14. 14

    Build interactive globe visualizations with ease 🌎

    2019 · react-globe.netlify.com · its alternatives →

  15. 15MS

    Hey HN I built svggles (npm: interactive-illustrations), a React utility that makes it easy to add playful, interactive SVGs to your frontend. It supports mouse-tracking, scroll, hover, and other common interactions, and it's designed to be lightweight and intuitive for React devs. The inspiration came from my time playing with p5.js — I loved how expressive and fun it was to create interactive visuals. But I also wanted to bring that kind of creative freedom to everyday frontend work, in a way that fits naturally into the React ecosystem. My goal is to help frontend developers make their…

    2025 · svggles.vercel.app · its alternatives →

  16. 16ST

    2015 · mattdesl.github.io · its alternatives →

  17. 17

    300+ unique background gradients & wallpapers

    2025 · gradients.fm · its alternatives →

  18. 18

    Hi HN, I think mesh gradients are cool, I use them a lot, probably too much. So I made a simple tool that puts one behind my screenshots. No watermark, no sign-up, I just paste my screenshot, select my current favorite color palette, I add an unhealthy amount of grain texture, and hit "copy". Lots of aspect ratios available. I also made a Canvas tool to make more advanced designs with optionally transparent background. Do check it out and tell me what you think

    Apr 2026 · instantgradient.com · its alternatives →

  19. 19
    Pxl▲87

    Single div CSS illustrations made easy!

    2020 · pxl.netlify.app · its alternatives →

  20. 20

    🎃 Windowless WebGL for node.js. Contribute to stackgl/headless-gl development by creating an account on GitHub.

    2016 · github.com · its alternatives →

  21. 21

    We created an infinite wall of UI components that makes finding visual inspiration for your next interface fun. UI Components are organized by category, including hero sections, navigation bars, forms, cards, testimonials, footers, and many more. Each component is not just a pretty mockup! You can instantly preview it, open it in the visual editor, and export clean, editable code. Compatible with Tailwind CSS, Bootstrap, Bulma, and shadcn/ui. Export formats include HTML, JSX, TSX, Pug, Laravel, and Next.js. I'd love your feedback! What parts feel strong, what feels off, and what else…

    2025 · shuffle.dev · its alternatives →

  22. 22

    Generate your own shadows and improve your design

    2022 · mdbootstrap.com · its alternatives →

  23. 23QA

    Hi! This is my little project introducing quasicrystals animations with some parameters. It uses a custom shader to allow higher resolution. Not all combinations look equally good. For example the "Spectrum" color palette IMO makes sense only for low values of "Tempo" and "Pattern Density". If you have VR googles, I recommend trying the WebXR version - it's really nice.

    Aug 2026 · hypnagogic-quasicrystals.github.io · its alternatives →

  24. 24

    Transform any static SVG into smooth animation

    Nov 2025 · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →