layershift 0.2.1 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/README.md +14 -0
  2. package/dist/components/layershift.js +1782 -653
  3. package/dist/npm/layershift.es.js +5212 -2583
  4. package/dist/types/components/layershift/layershift-element.d.ts +10 -8
  5. package/dist/types/components/layershift/layershift-element.d.ts.map +1 -1
  6. package/dist/types/components/layershift/lifecycle.d.ts +77 -0
  7. package/dist/types/components/layershift/lifecycle.d.ts.map +1 -0
  8. package/dist/types/components/layershift/portal-element.d.ts +10 -8
  9. package/dist/types/components/layershift/portal-element.d.ts.map +1 -1
  10. package/dist/types/components/layershift/types.d.ts +8 -0
  11. package/dist/types/components/layershift/types.d.ts.map +1 -1
  12. package/dist/types/gpu-backend.d.ts +37 -0
  13. package/dist/types/gpu-backend.d.ts.map +1 -0
  14. package/dist/types/jfa-distance-field.d.ts +78 -0
  15. package/dist/types/jfa-distance-field.d.ts.map +1 -0
  16. package/dist/types/parallax-renderer-webgpu.d.ts +103 -0
  17. package/dist/types/parallax-renderer-webgpu.d.ts.map +1 -0
  18. package/dist/types/parallax-renderer.d.ts +54 -91
  19. package/dist/types/parallax-renderer.d.ts.map +1 -1
  20. package/dist/types/portal-renderer-webgpu.d.ts +199 -0
  21. package/dist/types/portal-renderer-webgpu.d.ts.map +1 -0
  22. package/dist/types/portal-renderer.d.ts +64 -65
  23. package/dist/types/portal-renderer.d.ts.map +1 -1
  24. package/dist/types/precomputed-depth.d.ts +9 -51
  25. package/dist/types/precomputed-depth.d.ts.map +1 -1
  26. package/dist/types/quality.d.ts +95 -0
  27. package/dist/types/quality.d.ts.map +1 -0
  28. package/dist/types/render-pass-webgpu.d.ts +76 -0
  29. package/dist/types/render-pass-webgpu.d.ts.map +1 -0
  30. package/dist/types/render-pass.d.ts +171 -0
  31. package/dist/types/render-pass.d.ts.map +1 -0
  32. package/dist/types/renderer-base.d.ts +124 -0
  33. package/dist/types/renderer-base.d.ts.map +1 -0
  34. package/dist/types/webgl-utils.d.ts +29 -0
  35. package/dist/types/webgl-utils.d.ts.map +1 -0
  36. package/dist/types/webgpu-utils.d.ts +42 -0
  37. package/dist/types/webgpu-utils.d.ts.map +1 -0
  38. package/package.json +38 -4
package/README.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # Layershift
2
2
 
3
+ [![Storybook](https://img.shields.io/badge/storybook-components-ff4785?logo=storybook&logoColor=white)](https://layershift.io/storybook/)
4
+
3
5
  Embeddable video effects as Web Components. One script tag, one custom element — works in plain HTML, React, Vue, Svelte, Angular, WordPress, and anywhere else.
4
6
 
5
7
  Layershift is a growing collection of visual effects that turn flat video into something interactive. Each effect ships as its own custom element under the `layershift-*` namespace.
@@ -110,6 +112,18 @@ npm run build:component
110
112
  npm run build:package
111
113
  ```
112
114
 
115
+ ## Component Library
116
+
117
+ Browse all site UI components with interactive controls and documentation.
118
+
119
+ **[View Component Library →](https://layershift.io/storybook/)**
120
+
121
+ ```bash
122
+ npm run storybook
123
+ ```
124
+
125
+ Components follow atomic design (Atoms → Molecules → Organisms → Templates). Each component includes a story with controls and a colocated test.
126
+
113
127
  ---
114
128
 
115
129
  ## `<layershift-parallax>` Reference