Related Products
|
||||||
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/
|
Reviews/
|
|||||
Training
Documentation
Webinars
Live Online
In Person
|
Training
Documentation
Webinars
Live Online
In Person
|
|||||
Company InformationGranim.js
United States
sarcadass.github.io/granim.js/
|
Company InformationShaders
Founded: 2025
United States
shaders.com
|
|||||
Alternatives |
Alternatives |
|||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
|||||
Categories |
Categories |
|||||
Integrations
Bolt.new
Claude
Cursor
JavaScript
Lovable
Model Context Protocol (MCP)
React
Solid
Svelte
Vue.js
|
Integrations
Bolt.new
Claude
Cursor
JavaScript
Lovable
Model Context Protocol (MCP)
React
Solid
Svelte
Vue.js
|
|||||
|
|
|