도구 › 이미지·디자인

shader-effects-inc/shaders

활발 9일 전 커밋 · 2026-10-08 소개

소개한 뒤 2,574개 늘어 2.1배가 됐습니다.

웹사이트에 유리·금속·빛 효과를 넣는 WebGPU 컴포넌트

웹디자인셰이더React무료

어떤 도구인가

그라데이션·노이즈·유리·금속·빛·왜곡·전환·블러·커서 등 200개 이상의 셰이더 효과를 컴포넌트로 끼워 넣는 라이브러리다. React·Vue·Svelte·Solid·순수 JS·Framer를 지원하며, 효과를 겹치고 섞고 마스크를 씌울 수 있다. shaders.com의 무한 캔버스 편집기에서 디자인한 뒤 프레임워크별 컴포넌트 코드로 내보낼 수 있다.

미리 알아둘 것
WebGPU 기반이라 이를 지원하지 않는 브라우저에서는 동작하지 않을 수 있다.