+
+

Related Products

  • Azore CFD
    25 Ratings
    Visit Website
  • SurveyJS
    62 Ratings
    Visit Website
  • Highcharts
    123 Ratings
    Visit Website
  • JetBrains Junie
    12 Ratings
    Visit Website
  • MobiPDF
    7,001 Ratings
    Visit Website
  • WaitWell
    197 Ratings
    Visit Website
  • Hightouch
    474 Ratings
    Visit Website
  • Adobe Firefly
    25,029 Ratings
    Visit Website
  • Qminder
    340 Ratings
    Visit Website
  • Click2Mail
    55 Ratings
    Visit Website

About

Create fluid and interactive gradient animations with this small javascript library. Basic gradients animation with 3 gradients in queue composed of 2 colors. Complex gradient animation with 2 gradients in queue with different positions composed of 3 colors. Gradient animation with an image and blending mode. Gradient animation with 2 colors, a background image, and a blending mode set. More parameters for options are available on the API page. Gradient animation with an image mask to create a gradient animation under a shape. Create a gradient animation that responds to events. Click on the different states in the gradient animation to see the gradients change. Customize the direction of the gradient with pixels or percentage values. The animation always pauses when changing the tab. Manage and change the duration of the animations. All the options are available to customize the states and the different gradients.

About

Shaders is a component-based library designed to bring GPU-accelerated visual effects directly into modern web applications, enabling developers and designers to create interactive, high-performance visuals using WebGPU in the browser. It provides a declarative system where users can compose effects such as animated backgrounds, image distortions, lighting effects, and dynamic UI elements as reusable components compatible with frameworks like React, Vue, Svelte, Solid, and vanilla JavaScript. It includes a visual design editor that allows users to experiment with effects in real time and then export clean, production-ready code that can be seamlessly integrated into frontend projects, reducing the need for low-level shader programming. It offers a growing library of presets and collections, allowing users to quickly implement complex visual styles such as gradients, holographic effects, liquid animations, and ASCII transformations without building them from scratch.

Platforms Supported

Windows
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

Platforms Supported

Windows
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

Audience

Individuals in search of a solution to create fluid and interactive gradient animations

Audience

Frontend developers and design engineers needing to create high-performance, interactive web visuals and effects using reusable GPU-powered components without deep graphics programming knowledge

Support

Phone Support
24/7 Live Support
Online

Support

Phone Support
24/7 Live Support
Online

API

Offers API

API

Offers API

Screenshots and Videos

Screenshots and Videos

Pricing

Free
Free Version
Free Trial

Pricing

$15 per month
Free Version
Free Trial

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Training

Documentation
Webinars
Live Online
In Person

Training

Documentation
Webinars
Live Online
In Person

Company Information

Granim.js
United States
sarcadass.github.io/granim.js/

Company Information

Shaders
Founded: 2025
United States
shaders.com

Alternatives

Alternatives

Easy Banner Creator

Easy Banner Creator

Image Tools Group
SVAR UI

SVAR UI

SVAR
TypeGPU

TypeGPU

Software Mansion

Categories

Categories

Integrations

Bolt.new
Claude
Cursor
JavaScript
Lovable
Model Context Protocol (MCP)
React
Solid
Svelte
Vue.js
Windsurf Browser
v0

Integrations

Bolt.new
Claude
Cursor
JavaScript
Lovable
Model Context Protocol (MCP)
React
Solid
Svelte
Vue.js
Windsurf Browser
v0
Claim Granim.js and update features and information
Claim Granim.js and update features and information
Claim Shaders and update features and information
Claim Shaders and update features and information