웹 디자인 참고

Shaders

GitHub 5,657· 2026-10-29 확인

WebGPU 기반 시각 효과를 React·Vue·Svelte·Solid·JS·Framer 컴포넌트로 구성하는 라이브러리. 그래픽 편집기에서 컴포넌트 트리 내보내기.

예를 들어 · 웹페이지에 반응하는 시각 효과 넣기

사용 기기
브라우저 · WebGPU 지원 필요
시작 난이도
중: 프론트엔드 개발
비용·이용 조건
요금·모델 API·클라우드 비용은 사용 방식에 따라 공식 안내에서 확인하세요.

처음 시작하는 순서

  1. 공식 저장소에서 지원 환경과 설치 방법을 확인하세요.
  2. 별도 연습 폴더와 복사본으로 설정하고 필요한 권한을 확인하세요.
  3. 작은 예제로 결과를 살펴본 뒤 실제 자료에 적용하세요.

WebGPU 브라우저·기기 지원과 배터리·접근성·실제 성능 확인 필요. AI풍 장식 과용보다 기능적 데모에 쓰는 편이 적합. 라이선스: 엔진·컴포넌트·프레임워크 바인딩 MIT. 웹 편집기·프리셋 등 플랫폼 서비스 조건은 별도. 설치·실행·품질은 직접 시험하지 않았습니다.

공식 사이트 · 설치 안내

공식 설명 확인 · 2026-10-26 / 직접 사용 검증 전

로고 출처·라이선스 ↗

← 다른 도구도 살펴보기