# LumiField website third-party notices

This notice applies to the local interactive visual-effect module in `visual-effects.js`. The Issue 17 website runtime mounts the source-locked `ShaderDemo_ATC` globally at the back layer and `DotField` globally above it, including the Windows entrance. It does not change the GPL-3.0-only license of the separately distributed LumiField desktop application.

## 21st community ACT shader

- Component: `ATC shader` / `ShaderDemo_ATC`
- Author shown on the original page: `xordev`
- Original component page: <https://21st.dev/@xordev/components/atc-shader>
- Authoritative user-supplied source file: `LF需新增的内容/ACT着色器/ATC着色器.完整源码以及原组件页面链接.txt`
- Source document SHA-256: `17760CDD157C5B511D4F21F38AB08850433A1D4D3A74544A25DCA95A9BAFF409`
- Integration: the WebGL2 vertex and fragment shader text is retained verbatim; the React lifecycle wrapper is replaced by the website's local canvas host with bounded resolution, visibility pausing, reduced-motion behavior, and explicit WebGL disposal.
- Attribution: the original component page is linked here and in the website component showcase. No Marketplace preview image, video, copy, or other hosted media is redistributed.

The current 21st Terms preserve the respective authors' and 21st Labs' rights, prohibit reuse of Marketplace preview media, and require a clear visible link to the original component page when a component is copied to another website. This site provides that link for every entry and does not redistribute Marketplace screenshots, GIFs, thumbnails, or preview videos. The component pages do not display separate SPDX identifiers; this notice therefore does not invent them.

## “LF需新增的内容” source-component provenance

The website's component lab contains the 13 user-specified component groups below. Ten supplied documents contain full component source and are integrated either as direct JavaScript conversions or as source-preserving container/lifecycle adapters. Three supplied documents contain only CLI/demo material; those entries are explicitly marked and are not described as verbatim upstream source. Only code required for the local interactive implementation is bundled; none of the supplied preview videos or Marketplace-hosted preview media is redistributed.

| User-facing component | Original component page | Supplied document / integration mode | SHA-256 of user-supplied document |
| --- | --- | --- | --- |
| ACT着色器 | <https://21st.dev/@xordev/components/atc-shader> | Full source; verbatim shader with local WebGL2 lifecycle adapter | `17760CDD157C5B511D4F21F38AB08850433A1D4D3A74544A25DCA95A9BAFF409` |
| 交互式神经涡旋背景 | <https://21st.dev/@minhxthanh/components/interactive-neural-vortex-background> | Full source; exact shader/hero with container lifecycle adapter | `02F1C164B5C7C1F4D4355CC4388CAC173F68243B615C3A0CC38D86BA82B90EC7` |
| 倾斜卡 | <https://21st.dev/@tom_ui/components/tilt-card/gravitate> | Full source; JavaScript conversion of component and demo | `B25404B04AFD4348C464D24A2F68C8CA1BF88E2BD94150BEDFCEE61AE00616BB` |
| 动画发光搜索栏 | <https://21st.dev/@minhxthanh/components/animated-glowing-search-bar> | CLI/demo only; existing LumiField production adapter, including hover-only immediate-hide behavior | `D04BE65DE2EEFB36EF7FBE5507FBD3741342D3186E8A16D49743BB7287576E63` |
| 动画天气图标 | <https://21st.dev/@dev.yadhakim/components/animated-weather-icons> | CLI/demo only; existing LumiField production SVG/CSS adapter | `B1C75F6CF98C6C949F3B73FB8AF9996373166258E9600436395D9DB0DCBC4350` |
| 动画广播 | <https://21st.dev/@jatin-yadav05/components/animated-radio> | Full source; JavaScript conversion with exact DOM and glider timing | `22A39981F6C6FCE78884AAD7FF3CF58709D9995532D7E3AF525DD47B83AC0807` |
| 动能网格 | <https://21st.dev/@satoriui/components/kinetic-grid> | Full source; exact draw/warp/ripple math with container lifecycle adapter | `AF5E883DE69250D698D09E5AED3B9BA5D29CB2EDCBE316371D95CCCBEE844916` |
| 卡片聚光灯 | <https://21st.dev/@easemize/components/spotlight-card> | Full source; JavaScript conversion of component and three-card demo | `6389B777EB96E0EB2BE49632B452BAFD5BA53FCD5B6B0CBAC8CFE89836F38E6E` |
| 渐变菜单 | <https://21st.dev/@minhxthanh/components/gradient-menu> | Full source; JavaScript conversion using the named React icons | `8550F8AB5C49FDF819B497C616B8BBB0F4696EB9E62026E1CBD921D65B207165` |
| 玻璃广播集团 | <https://21st.dev/@ravikatiyar162/components/glass-radio-group> | Full source; styled-components conversion with exact silver/gold/platinum values | `AF6B8888C96CA5A42DF45E97A3E3F910E47F049A1488E645D2F9916AB2C3BE7E` |
| 着色器SVG | <https://21st.dev/@reuno-ui/components/shader-svg> | Full source; JavaScript conversion, reduced only by the requested outer display size | `53E223654736F4C559E108F4C2D9C0A9C9CF7DE9424808CFE522D11ADA41D62D` |
| 网格发光效果紫蓝色 | <https://21st.dev/@dadopelanosvela/components/grid-glow-effect-purple-blue> | CLI/demo only; exact supplied five-by-five demo topology plus the documented Aceternity Glowing Effect interaction API | `6544323882B8928BA94AD0CF5477CEF0032B7E9D113E05D56EA24FFCD365B15F` |
| 虚空文本效应 | <https://21st.dev/@jatin-yadav05/components/vapour-text-effect> | Full source; JavaScript conversion retaining DPR, font reload, SEO tag, and four-state lifecycle | `3747019B49FD5AF716CFF7002F2E856A66D2449514A3DD79845BF09474D73E50` |

The grid-glow interaction contract is documented by Aceternity's official [Glowing Effect component page](https://ui.aceternity.com/components/glowing-effect). The site uses it inside an end-product component demo and links the [Aceternity license](https://ui.aceternity.com/licence); it does not redistribute Aceternity Marketplace preview media or offer the effect as a standalone stock component.

The generated local bundle also includes pinned runtime packages recorded in `package-lock.json`: React and React DOM 19.2.8 (MIT), Motion 13.1.0 (MIT), `@paper-design/shaders-react` 0.0.80 (Apache-2.0), Lucide React 1.34.0 (ISC), React Icons 5.7.0 (MIT), and styled-components 6.5.3 (MIT). License banners retained by the production bundler are emitted in `component-lab.bundle.js.LEGAL.txt`.

## React Bits visual effects

- Project: React Bits
- Author: David Haz
- Repository: <https://github.com/DavidHDev/react-bits>
- Pinned source commit: `4e0e030193b563be6be33d928f77d0d01cefe237`
- Commit date: 2026-08-15
- License at the pinned commit: **MIT + Commons Clause License Condition v1.0**
- Integration form: part of the LumiField website; these components are not offered or distributed as a standalone component library

| LumiField label | Official component | Official page | Pinned source | SHA-256 of upstream JSX |
| --- | --- | --- | --- | --- |
| 星云 | Galaxy | <https://reactbits.dev/backgrounds/galaxy> | [Galaxy.jsx](https://github.com/DavidHDev/react-bits/blob/4e0e030193b563be6be33d928f77d0d01cefe237/src/content/Backgrounds/Galaxy/Galaxy.jsx) | `1BAF1C8BA7D79BCE6005977CACD04C7D7E66134FAAE9D5F40CD4B3E67262FBFA` |
| 极光 | Aurora | <https://reactbits.dev/backgrounds/aurora> | [Aurora.jsx](https://github.com/DavidHDev/react-bits/blob/4e0e030193b563be6be33d928f77d0d01cefe237/src/content/Backgrounds/Aurora/Aurora.jsx) | `C1CA757270D3EFD24C077FB9795B51B7BA53073621DF631014AD0C13933D13E7` |
| 余烬 | Particles | <https://reactbits.dev/backgrounds/particles> | [Particles.jsx](https://github.com/DavidHDev/react-bits/blob/4e0e030193b563be6be33d928f77d0d01cefe237/src/content/Backgrounds/Particles/Particles.jsx) | `76CD0D675AE34B057B7C6D9F82429427CE8AB4F9A1A80DC3F392B174C9254114` |
| 冰 | Iridescence | <https://reactbits.dev/backgrounds/iridescence> | [Iridescence.jsx](https://github.com/DavidHDev/react-bits/blob/4e0e030193b563be6be33d928f77d0d01cefe237/src/content/Backgrounds/Iridescence/Iridescence.jsx) | `786BE4094CF7121024C51FB74B300ED218A01FADC2BC49C9FF68D98208653A36` |
| 色彩弯曲 | ColorBends | <https://reactbits.dev/backgrounds/color-bends> | [ColorBends.jsx](https://github.com/DavidHDev/react-bits/blob/4e0e030193b563be6be33d928f77d0d01cefe237/src/content/Backgrounds/ColorBends/ColorBends.jsx) | `C8C8E1FDC396E1BC3DCD515DBCC61AFDF665ABCC82F499C0498E23A8D3E10624` |
| 点场 | DotField | <https://reactbits.dev/backgrounds/dot-field> | [DotField.jsx](https://github.com/DavidHDev/react-bits/blob/4e0e030193b563be6be33d928f77d0d01cefe237/src/content/Backgrounds/DotField/DotField.jsx) | `62931AC9D74B79173B7865C0D13D003110BFF805A96788F1FCB8837AB4849740` |

### Integration modifications

- Preserved the official shader equations, star-layer logic, particle motion, iridescence phase loop, color-band warp, and dot-field displacement model.
- Replaced React, OGL, and Three.js lifecycle/rendering wrappers with local, dependency-free WebGL 1 and Canvas 2D hosts.
- Added deterministic particle seeding, explicit effect disposal, visibility pausing, a bounded pixel ratio, a reduced-motion frame, keyboard support, and local error/status reporting. The current page mounts only the ACT WebGL2 shader and one Canvas 2D DotField across the full viewport; the other React Bits adapters remain unmounted in the local module.
- Configured LumiField color presets. The “余烬” and “冰” names describe local color configurations of the official `Particles` and `Iridescence` components; they are not claimed as separate upstream components.
- No React Bits package, remote iframe, CDN script, font, image, or network runtime dependency is used.

### License text supplied by the upstream project

> MIT + Commons Clause License Condition v1.0
>
> Copyright (c) 2026 David Haz
>
> 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, and distribute the Software as part of an application, website, or product, 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.
>
> Commons Clause Restriction: You may use this Software, including for any commercial purpose, so long as you do not sell, sublicense, or redistribute the components themselves, whether alone, in a bundle, or as a ported version.
>
> 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.

Upstream license file at the pinned commit: <https://github.com/DavidHDev/react-bits/blob/4e0e030193b563be6be33d928f77d0d01cefe237/LICENSE.md>
