Skip to content
ShaderCN website preview

ShaderCN

shadercn.run

Beautifully designed, accessible and customizable shader components for React — built on vgpu and TypeGPU and made to work alongside shadcn/ui.

What is ShaderCN?

ShaderCN is a collection of shader components for React, each designed to be accessible and customizable out of the box. The components are built on the vgpu and TypeGPU libraries and integrate with shadcn/ui projects. Following the shadcn registry pattern, visual effects can be added to an app without hand-writing shader code.

Best for

  • Adding shader backgrounds to React apps
  • WebGPU effects without writing GLSL
  • Visual components in shadcn/ui projects

Key features

  • Copy-ready React shader components
  • Built on vgpu and TypeGPU
  • Accessible and customizable by design
  • Compatible with shadcn/ui
  • Designed for production React apps
ForgeUI website preview

React and Tailwind UI library with animated components, marketing blocks, illustrations and copy-paste templates — shadcn-compatible, with free and Pro tiers.

ReactTailwindShadcn UI+2
FrameCN website preview

Beautifully designed, customizable video components for React, built on Editframe and copy-paste installable alongside shadcn/ui.

VideoReactEditframe+2
MCPCN website preview

Beautifully designed, accessible MCP App UI components built with Base UI, copy-paste installable and compatible with shadcn/ui.

MCPComponentsBase UI+2