+
+

Related Products

  • ActCAD Software
    401 Ratings
    Visit Website
  • Adobe Experience Manager
    1,865 Ratings
    Visit Website
  • Highcharts
    123 Ratings
    Visit Website
  • Virtuoso QA
    131 Ratings
    Visit Website
  • JOpt.TourOptimizer
    10 Ratings
    Visit Website
  • Source Defense
    7 Ratings
    Visit Website
  • SurveyJS
    62 Ratings
    Visit Website
  • Epicor Kinetic
    532 Ratings
    Visit Website
  • Coursebox AI
    98 Ratings
    Visit Website
  • Kudoboard
    2,322 Ratings
    Visit Website

About

Material Design Lite (MDL) is a library of components for web developers based on Google's Material Design Philosophy: "A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science." Understanding the goals and principles of Material Design is critical to the proper use of the Material Design Lite components. If you have not yet read the Material Design Introduction you should do so before attempting to use the components. To use the dialog component, you must be using a browser that supports the dialog element. Only Chrome and Opera have native support at the time of writing. For other browsers you will need to include the dialog polyfill or create your own. Once you have dialog support create a dialog element. The element when using the polyfill must be a child of the body element. Within that container, add a content element with the class mdl-dialog content.

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

Web developers in need of a Component Library solution

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

Material Design Lite
getmdl.io/components/

Company Information

Shaders
Founded: 2025
United States
shaders.com

Alternatives

Alternatives

TypeGPU

TypeGPU

Software Mansion
SVAR UI

SVAR UI

SVAR

Categories

Categories

Integrations

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

Integrations

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