✨ Shaders: 200+ WebGPU-эффектов как компонентов

✨ Shaders: 200+ WebGPU-эффектов как компонентов

shader-effects-inc/shaders — 3 200+ звёзд за 9 дней, MIT, TypeScript.

Библиотека WebGPU-эффектов для React, Vue, Svelte, Solid и JS. Градиенты, шум, стекло, металл, свет, искажения, переходы, след за курсором — всё на GPU, одним компонентом:

<Shader><LinearGradient colorA="#0f172a" colorB="#7c3aed" /><CursorTrail /></Shader>

Почему залетело
• Редактор на shaders.com: собираешь эффект мышкой, экспортируешь кодом под свой фреймворк
• CLI: npx shaders connect — эффекты прилетают файлами и синхронизируются
• MCP-сервер и скилл для агентов: Claude Code, Cursor, Codex и Copilot сами ставят и правят шейдеры
• TypeScript, типизированные пропсы, SSR-safe

Для вайб-кодинга
Описываешь эффект словами — агент ставит компонент и крутит пропсы. Дизайн без дизайнера.

shaders.com · npm