shaders

Shaders

Shader magic for modern frontends

Getting Started

Shaders is available as component libraries for Vue, React & Svelte. No matter which framework you use, you always install npm install shaders and then import components from the framework-specific directory, such as shaders/vue.

# Install
npm install shaders

Usage (Vue)

<script>
    import { Shader, LinearGradient } from "shaders/vue"
</script>

<template>
    <Shader>
        <LinearGradient/>
    </Shader>
</template>

Usage (React)

<script>
    import { Shader, LinearGradient } from "shaders/react"
</script>

<template>
    <Shader>
        <LinearGradient/>
    </Shader>
</template>

Usage (Svelte)

<script>
    import { Shader, LinearGradient } from "shaders/svelte"
</script>

<Shader>
    <LinearGradient/>
</Shader>

Learn more and try the Design Editor at https://shaders.com

Shaders © Shader Effects, Inc.

Licensed under the Shader Effects License Agreement (v1.1). You may use Shaders freely for non-production or educational use. A valid paid license is required for production deployment.