shader-gradient-vue 1.0.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2024 ruucm (ShaderGradient)
+Copyright (c) 2025 ffffaaqq (Vue wrapper)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,56 @@
+# shader-gradient-vue
+
+Vue 3 wrapper for [ShaderGradient](https://github.com/ruucm/shadergradient).
+
+> Tested with `@shadergradient/react@2.4.20`
+
+## Install
+
+```bash
+npm i shader-gradient-vue
+```
+
+## Usage
+
+```vue
+<script setup>
+import { ShaderGradient } from 'shader-gradient-vue'
+</script>
+
+<template>
+  <ShaderGradient
+    animate="on"
+    color1="#ff5005"
+    color2="#dbba95"
+    color3="#d0bce1"
+    type="plane"
+    :uSpeed="0.4"
+    :uStrength="4"
+    grain="on"
+  />
+</template>
+```
+
+## Props
+
+All props from [@shadergradient/react](https://github.com/ruucm/shadergradient) are supported.
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `type` | `'plane' \| 'sphere' \| 'waterPlane'` | Shape |
+| `animate` | `'on' \| 'off'` | Animation |
+| `color1`, `color2`, `color3` | `string` | Colors |
+| `uSpeed`, `uStrength`, `uDensity`, `uFrequency` | `number` | Shader params |
+| `grain` | `'on' \| 'off'` | Grain effect |
+| `lightType` | `'3d' \| 'env'` | Lighting |
+| `envPreset` | `'city' \| 'dawn' \| 'lobby'` | Environment |
+
+[Full props list](https://github.com/ruucm/shadergradient)
+
+## Bundle size
+
+~250kb gzip (three.js + react + veaury). Consider this for performance-critical apps.
+
+## License
+
+MIT — see [LICENSE](./LICENSE)

package/dist/ShaderGradient.vue.d.ts

@@ -0,0 +1,93 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    type?: "plane" | "sphere" | "waterPlane";
+    animate?: "on" | "off";
+    uTime?: number;
+    uSpeed?: number;
+    uStrength?: number;
+    uDensity?: number;
+    uFrequency?: number;
+    uAmplitude?: number;
+    positionX?: number;
+    positionY?: number;
+    positionZ?: number;
+    rotationX?: number;
+    rotationY?: number;
+    rotationZ?: number;
+    color1?: string;
+    color2?: string;
+    color3?: string;
+    reflection?: number;
+    wireframe?: boolean;
+    shader?: string;
+    range?: "enabled" | "disabled";
+    rangeStart?: number;
+    rangeEnd?: number;
+    loop?: "on" | "off";
+    loopDuration?: number;
+    cAzimuthAngle?: number;
+    cPolarAngle?: number;
+    cDistance?: number;
+    cameraZoom?: number;
+    lightType?: "3d" | "env";
+    brightness?: number;
+    envPreset?: "city" | "dawn" | "lobby";
+    grain?: "on" | "off";
+    grainBlending?: number;
+    control?: "query" | "props";
+    urlString?: string;
+    zoomOut?: boolean;
+    toggleAxis?: boolean;
+    hoverState?: string;
+    enableTransition?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    type?: "plane" | "sphere" | "waterPlane";
+    animate?: "on" | "off";
+    uTime?: number;
+    uSpeed?: number;
+    uStrength?: number;
+    uDensity?: number;
+    uFrequency?: number;
+    uAmplitude?: number;
+    positionX?: number;
+    positionY?: number;
+    positionZ?: number;
+    rotationX?: number;
+    rotationY?: number;
+    rotationZ?: number;
+    color1?: string;
+    color2?: string;
+    color3?: string;
+    reflection?: number;
+    wireframe?: boolean;
+    shader?: string;
+    range?: "enabled" | "disabled";
+    rangeStart?: number;
+    rangeEnd?: number;
+    loop?: "on" | "off";
+    loopDuration?: number;
+    cAzimuthAngle?: number;
+    cPolarAngle?: number;
+    cDistance?: number;
+    cameraZoom?: number;
+    lightType?: "3d" | "env";
+    brightness?: number;
+    envPreset?: "city" | "dawn" | "lobby";
+    grain?: "on" | "off";
+    grainBlending?: number;
+    control?: "query" | "props";
+    urlString?: string;
+    zoomOut?: boolean;
+    toggleAxis?: boolean;
+    hoverState?: string;
+    enableTransition?: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { default as ShaderGradient } from './ShaderGradient.vue';
+
+export { ShaderGradient };
+export default ShaderGradient;