Shaders, WebGPU 효과 200여 종을 여러 웹 프레임워크 컴포넌트로 제공

오픈소스 Shaders는 React·Vue·Svelte·Solid·JavaScript에서 같은 속성으로 쓰는 WebGPU 효과 200여 종을 제공한다. 시각 편집기에서 만든 효과를 컴포넌트 코드로 내보내고 CLI로 프로젝트와 동기화할 수 있다. 엔진·컴포넌트·프레임워크 연결 코드는 MIT 라이선스이며, 편집기와 프리셋에는 별도 약관이 적용된다.

효과를 중첩·혼합·마스킹할 수 있으며 각 레이어는 GPU에서 순서대로 처리된다.

계정을 만들면 디자인과 코드 내보내기를 무료로 이용할 수 있다.

CLI는 프레임워크를 감지해 컴포넌트 파일을 작성하고 설치 정보를 잠금 파일에 기록한다.

직접 작성한 WGSL로 사용자 정의 컴포넌트를 만들 수 있으며, 기본 요소를 조합하는 작성 방식은 실험 단계다.

MCP를 연결하면 코딩 에이전트도 사용자가 디자인한 효과를 찾아 설치하고 수정할 수 있다.