+
+

Related Products

  • GWI
    201 Ratings
    Visit Website
  • 3Q
    14 Ratings
    Visit Website
  • Altium Develop
    1,437 Ratings
    Visit Website
  • Banker's Dashboard
    6 Ratings
    Visit Website
  • Google AI Studio
    41 Ratings
    Visit Website
  • Total ETO
    46 Ratings
    Visit Website
  • Serviceaide
    244 Ratings
    Visit Website
  • Paligo
    104 Ratings
    Visit Website
  • Iris Identity Protection
    3 Ratings
    Visit Website
  • Macaw AMS
    8 Ratings
    Visit Website

About

The first platform to generate clean code from its design components. Overlay is a plugin to convert Figma or Sketch components into React/Vue.js/HTML clean code components. Overlay instantly creates dev-friendly web components from designer tools. This documentation assists designers and developers in accelerating their web design integration process. We’ve developed Overlay so that designers can be autonomous in building pixel-perfect components without knowing the modern JavaScript framework. Moreover, We think front-end developers must spend their time on high-value tasks (performance, SEO, business logic)and not on translating UX work to code. Overlay Playgrounds are design files with a lot of component examples, ready for Overlay, and all the explanations to make them by yourself and become an expert. It's still possible to use Overlay with other setups, this adds a little work overhead after getting components code. In the future, we will add more and more setups.

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 Not Supported
Mac Not Supported
Linux Not Supported
Cloud Supported
On-Premises Not Supported
iPhone Not Supported
iPad Not Supported
Android Not Supported
Chromebook Not Supported

Platforms Supported

Windows Not Supported
Mac Not Supported
Linux Not Supported
Cloud Supported
On-Premises Not Supported
iPhone Not Supported
iPad Not Supported
Android Not Supported
Chromebook Not Supported

Audience

Developers that need a tool to convert Figma or Sketch components into clean code

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 Not Supported
24/7 Live Support Supported
Online Supported

Support

Phone Support Not Supported
24/7 Live Support Not Supported
Online Supported

API

Offers API Not Supported

API

Offers API Not Supported

Screenshots and Videos

Screenshots and Videos

Pricing

$15 per month
Free Version Supported
Free Trial Supported

Pricing

$15 per month
Free Version Not Supported
Free Trial Supported

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 Supported
Webinars Not Supported
Live Online Supported
In Person Not Supported

Training

Documentation Supported
Webinars Not Supported
Live Online Not Supported
In Person Not Supported

Company Information

Overlay
www.overlay-tech.com

Company Information

Shaders
Founded: 2025
United States
shaders.com

Alternatives

Alternatives

SVAR UI

SVAR UI

SVAR
JSX.Design

JSX.Design

Skyslit Network Private Limited
TypeGPU

TypeGPU

Software Mansion

Categories

Web Design Supported

Categories

Integrations

React Supported
Vue.js Supported
Bolt.new Not Supported
CSS Supported
Claude Not Supported
Cursor Not Supported
Figma Supported
HTML Supported
JavaScript Not Supported
Lovable Not Supported
Model Context Protocol (MCP) Not Supported
Sketch Supported
Solid Not Supported
Svelte Not Supported
Windsurf Browser Not Supported
v0 Not Supported

Integrations

React Supported
Vue.js Supported
Bolt.new Supported
CSS Not Supported
Claude Supported
Cursor Supported
Figma Not Supported
HTML Not Supported
JavaScript Supported
Lovable Supported
Model Context Protocol (MCP) Supported
Sketch Not Supported
Solid Supported
Svelte Supported
Windsurf Browser Supported
v0 Supported
Claim Overlay and update features and information
Claim Overlay and update features and information
Claim Shaders and update features and information
Claim Shaders and update features and information