A 3D gradient animation library by FireCMS, built on three.js with web integration and custom configuration support.
Product Overview
3D Gradient Effects: Dynamic, geometric deformation visual effects Customizable parameters: colors (multi-color gradients), speed, wave frequency, shadow intensity Technical Implementation: WebGL shader rendering with GPU acceleration Based on three.js framework, supports JavaScript API Usage Installation: Import via npm/yarn Configuration Example: `javascript const neat = new NeatGradient({ ref: document.getElementById("gradient"), config: { colors: ["#FF5772", "#4CB4BB"], speed: 4 } }); ` Export: Real-time rendering to web background, no explicit file export Licensing Open Source License: GPL-3.0 Commercial Use: Must comply with open-source terms and retain copyright information
Best For
Best for web developers who want to add high-performance 3D gradient animations to their sites using three.js and JavaScript.
Key Features
- 3D gradient animations powered by three.js with WebGL GPU acceleration
- Multi-color gradient support with customizable color palettes
- Adjustable animation speed, wave frequency, and shadow intensity
- JavaScript API for easy web project integration
- Dynamic geometric deformation visual effects
- GPU-accelerated shader rendering for smooth performance
Pros
- +GPU-accelerated WebGL rendering ensures high performance
- +Deep parameter customization for unique gradient animations
- +Easy web integration via JavaScript API
Cons
- -Requires three.js knowledge to implement effectively
- -No visual editor or drag-and-drop interface
/// SPECS
- Pricing:Free
Skribbl
A resource platform offering 2,966 hand-drawn royalty-free illustrations for commercial use, created by 77 global artists.
ShapeDivider
A free SVG shape divider generator with custom styling and code export, suitable for web design.
Yasai
offering particle text, digital rain effects, and dynamic generators for free commercial use.
BGJar
A free SVG background generator with 25 preset styles, supporting custom editing and commercial use.
Creatica
An online tool with 50+ SVG background generators, offering free basic access and Pro subscription for advanced customization.
Svg Wave
An SVG wave background generator with customizable wave count, layers, height, and color gradients.
Patternico
A free seamless pattern generator with Emoji and icon support, featuring customizable background and transparency settings.
Doodad
A collection of web development tools including pattern generation, image dithering, and gradient tools with privacy focus.
Background
An AI-generated background resource site offering 6K resolution images with Midjourney prompts, organized into 6 thematic collections.
OUCH
A resource platform offering free vector, 3D, and animated illustrations with multiple styles and format support.