Create animated gradient surfaces for web interfaces, Framer and visual concepts.
ShaderGradient makes it approachable to design fluid, three-dimensional gradients with adjustable colors, camera settings, light and animation. It helps designers bring atmospheric backgrounds into product interfaces without building a shader from scratch.
Its focused controls make subtle motion and responsive visual depth practical in everyday UI work.
The week’s best websites, apps and tools, once a week.
Explore, customize and export animated WebGL shader presets for digital products and visual experiments.
An open-source React design system for product teams building SaaS and fintech interfaces.
A private, browser-based device mockup maker with customizable frames, multi-device layouts and polished image or video export.
A visual studio for generative gradients, glass, grain and animated backgrounds.
Create dithered images and retro digital textures in the browser.
An open-source graphics editor exploring procedural and node-based design.
Generate abstract visual rhythms, textures and patterns for digital design.
A playground for layered shaders, typography and expressive visual compositions.
A WebGPU shader editor and component library for expressive, interactive visual effects.
An AI image tool focused on vectors, icons and brand-consistent illustration.
An AI creative suite for real-time image generation, upscaling and video.
An AI image generator used for moodboards, concepts and visual exploration.
Open-source UI components built with Base UI and Tailwind for refined product interfaces.
Accessible React components with a cohesive visual language and theming tools.
Animated React components and expressive effects for standout web interfaces.
A design system for expressive Next.js products, with tokens and ready-made patterns.
An accessible React design system for polished, consistent product interfaces.
A curated collection of React interface components and dashboard patterns.
React components for analytics dashboards, charts and data-rich products.
An extensive Figma UI kit and React component system for modern product design.
Unstyled, accessible React component primitives for custom product interfaces.
Beautifully designed, accessible React components that you own and customize.
An online mockup studio for devices, packaging, branding and animated product scenes.
Premium device mockups and design assets with flexible 3D and Figma workflows.
