nowfound

Dev tools · alternatives · 2026

24 alternatives to Fragments

Learn shader techniques that set you apart

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

  1. 1SL

    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 →

  2. 2

    Learn GLSL with interactive shader lessons

    2025 · shader-learn.com · its alternatives →

  3. 3

    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 →

  4. 4

    Learn GPU programming through interactive challenges

    2024 · shader-learning.com · its alternatives →

  5. 5TC

    TLDR: Click the link to see some cool visualizations, refresh a few times for random examples, and try editing some of the code yourself. This is a small weekend project of mine inspired by shadertoy.com It's a static single-page site hosted on GitHub pages so the website design is pretty barebones. I'm not a web developer so I mainly wanted to create a Cool Thing with my free time and not have to learn tons of front-end to do it. I'd love to hear what people think about it and please post or send me any shaders you make! You can use the link button in the bottom right to share. I hope that…

    2022 · textshader.com · its alternatives →

  6. 6

    Learn to prototype and build components using React

    2018 · designcode.io · its alternatives →

  7. 7

    Back in the old days, people used to do general-purpose GPU programming by using shaders like GLSL. This is what inspired NVIDIA (and other companies) to eventually create CUDA (and friends). This is an implementation of GPT-2 using WebGL and shaders. Enjoy!

    2025 · github.com · its alternatives →

  8. 8

    Make a palette of color swatches for style guides

    2015 · github.com · its alternatives →

  9. 9
    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 →

  10. 10

    Precise tints and shades from any color in 10% increments.

    2020 · maketintsandshades.com · its alternatives →

  11. 11

    a quick-and-dirty glsl prototyping tool. Contribute to dancrn/shade development by creating an account on GitHub.

    2018 · github.com · its alternatives →

  12. 12

    Create evolving artistic images with hot-code-reloaded Lisp and GLSL.

    2021 · blog.tonari.no · its alternatives →

  13. 13
  14. 14

    I built this educational game to help people identify and understand dark patterns in digital products. It features 10 interactive scenarios based on real-world examples. The game includes: • Interactive pattern recognition scenarios • Explanations of psychological principles • Simulated real-world examples with guided feedback Built with Next.js, TypeScript, and Tailwind. I'd especially appreciate feedback on the educational approach and scenario design.

    2025 · games.productartistry.com · its alternatives →

  15. 15

    Create beautiful moving gradients on Framer and Figma

    2023 · shadergradient.co · its alternatives →

  16. 16

    Copy & paste shaders for Framer

    2024 · its alternatives →

  17. 17
    Speculo▲81

    Colour palette visualisation

    2016 · speculo.co · its alternatives →

  18. 18

    2015 · vertexshaderart.com · its alternatives →

  19. 19
    UXTree▲201

    Video courses for designers

    2015 · uxtree.io · its alternatives →

  20. 20

    Simple 3D shapes for artists to study and practice, online

    2021 · shadingreference.com · its alternatives →

  21. 21

    Real-time GPU shader editor for spatial computing

    2024 · shader.vision · its alternatives →

  22. 22AN

    Three.js recently introduced TSL (Three.js Shading Language), a way to write shaders in pure JavaScript/TypeScript that compiles to both GLSL and WGSL. I built this editor to provide a visual interface for the tsl ecosystem. It allows developers to prototype shaders for WebGPU/WebGL and see the results in real-time. This is a beta release and I'm looking for feedback.

    Jan 2026 · tsl-graph.xyz · its alternatives →

  23. 23

    Free curated learning path to UI/UX Design 🥳

    2020 · invise.app · its alternatives →

  24. 24

    Create beautiful gradients

    2020 · meshgradient.com · 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 →