awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
evanw avatar

evanw/webgl-filter

0
View on GitHub↗
1,091 stars·151 forks·JavaScript·MIT·22 viewsevanw.github.io/webgl-filter↗

Webgl Filter

This project is a browser-based graphics editor and image processing library that performs visual transformations directly within the web environment. It provides a toolset for loading local image files, applying complex visual effects, and exporting the modified results without requiring server-side data processing.

The library utilizes hardware-accelerated fragment shaders to execute pixel-level operations on the graphics processing unit. By maintaining image data as textures within GPU memory and using an immediate-mode rendering pipeline, the system achieves real-time synchronization between user-defined filter parameters and the visual output displayed on the canvas.

The software supports a range of image adjustments, including contrast modification, tilt-shift effects, and lens defocus simulation. These operations are handled through uniform-driven parameter injection, allowing for high-performance manipulation of digital media files directly on the user device.

Features

  • Browser-Based Editors - Provides a tool for loading, modifying, and exporting local image files with real-time visual effects rendered directly on the user device.
  • GPU-Accelerated Image Processing Frameworks - Applies complex visual adjustments to images at high frame rates using graphics hardware.
  • GPU-Accelerated Shaders - Executes pixel-level image processing operations in parallel on the graphics hardware to achieve real-time performance for complex visual filters.
  • WebGL - Applies visual filters and image transformations to browser-based media using hardware-accelerated shaders.
  • Image Visual Filters - Provides hardware-accelerated image filtering, including contrast adjustment, tilt-shift effects, and lens defocus simulation for high-performance visual transformations.
  • Browser-Based Image Processing - Applies complex visual effects and image adjustments directly in the web browser using hardware acceleration for high performance.
  • Texture-Based Data Pipelines - Maintains image data within GPU memory as textures to minimize expensive data transfers between the browser and the graphics processor.
  • Image Import and Export - Enables loading local image files for processing and saving modified results directly to the user's local storage.
  • Web-Based Graphics Acceleration - Leverages the graphics processing unit to perform real-time image transformations and filter applications on digital media files.
  • Canvas Rendering Pipelines - Uses the HTML5 canvas element as a target for drawing processed textures to display the final output directly in the browser.
  • Immediate-Mode Rendering - Redraws the entire image state whenever a filter parameter changes to ensure the visual output remains synchronized with user input.
  • Client-Side Media Processing - Manages the import and export of image files locally while performing visual modifications without uploading data to a server.

Star history

Star history chart for evanw/webgl-filterStar history chart for evanw/webgl-filter

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does evanw/webgl-filter do?

This project is a browser-based graphics editor and image processing library that performs visual transformations directly within the web environment. It provides a toolset for loading local image files, applying complex visual effects, and exporting the modified results without requiring server-side data processing.

What are the main features of evanw/webgl-filter?

The main features of evanw/webgl-filter are: Browser-Based Editors, GPU-Accelerated Image Processing Frameworks, GPU-Accelerated Shaders, WebGL, Image Visual Filters, Browser-Based Image Processing, Texture-Based Data Pipelines, Image Import and Export.

What are some open-source alternatives to evanw/webgl-filter?

Open-source alternatives to evanw/webgl-filter include: bradlarson/gpuimage2 — GPUImage2 is a Swift framework for applying real-time filters and effects to images and video using the GPU. It… wasabeef/android-gpuimage — android-gpuimage is an OpenGL image processing library for Android that provides a GPU-powered framework for applying… una/cssgram — CSSgram is a CSS image filter library and framework that provides a system of reusable mixins and classes for… brianchirls/seriously.js — Seriously.js is a WebGL video processing framework and browser-based graphics engine designed for real-time video… bradlarson/gpuimage — GPUImage is a GPU-accelerated image processing framework for iOS designed to apply real-time filters and effects to… pintaproject/pinta — Pinta is a cross-platform raster graphics editor and digital image manipulation tool. It provides a drawing…

Open-source alternatives to Webgl Filter

Similar open-source projects, ranked by how many features they share with Webgl Filter.
  • bradlarson/gpuimage2BradLarson avatar

    BradLarson/GPUImage2

    4,941View on GitHub↗

    GPUImage2 is a Swift framework for applying real-time filters and effects to images and video using the GPU. It provides a real-time video filter library, an image geometry manipulation engine, and an OpenGL shading pipeline for processing visual data on graphics hardware. The framework enables the construction of visual effect pipelines by chaining image sources to consumers in sequential flows. It supports the development of custom fragment and vertex shaders for bespoke image processing and offers the ability to bundle these operations into reusable units via graph-based grouping. Capabil

    Swift
    View on GitHub↗4,941
  • wasabeef/android-gpuimagewasabeef avatar

    wasabeef/android-gpuimage

    9,155View on GitHub↗

    android-gpuimage is an OpenGL image processing library for Android that provides a GPU-powered framework for applying real-time shaders, blending layers, and processing live video streams. It functions as a real-time video filter and image blending engine to modify the luminance, vibrance, and geometry of visual content. The library enables the application of graphical effects to both static photos and live camera feeds. It supports complex image transformations, including the merging of multiple image layers through various blending modes. Capabilities cover a broad range of image manipulat

    Javaandroidgpuimagejava
    View on GitHub↗9,155
  • una/cssgramuna avatar

    una/CSSgram

    5,398View on GitHub↗

    CSSgram is a CSS image filter library and framework that provides a system of reusable mixins and classes for implementing visual image effects. It enables CSS-based image processing to modify the appearance of images directly in the browser without requiring server-side processing. The project facilitates client-side photo processing and frontend visual styling by applying photographic style filters and color presets to web images. It uses a combination of CSS filters and blend modes to achieve these effects through the assignment of predefined class names to HTML elements.

    HTML
    View on GitHub↗5,398
  • brianchirls/seriously.jsbrianchirls avatar

    brianchirls/Seriously.js

    3,887View on GitHub↗

    Seriously.js is a WebGL video processing framework and browser-based graphics engine designed for real-time video composition and image manipulation. It functions as a node-based visual compositor that organizes media sources and effects into a directed acyclic graph, using a custom fragment shader compiler to transform these graphs into optimized GLSL shaders for GPU-accelerated rendering. The engine features a modular web media pipeline and a plugin-based architecture, allowing for the integration of custom effects, input sources, and output targets. It enables the development of interactiv

    JavaScript
    View on GitHub↗3,887
See all 30 alternatives to Webgl Filter→

Curated searches featuring Webgl Filter

Hand-picked collections where Webgl Filter appears.
  • a software library for applying visual effects