Prism

Shaders 218

About

Here is Prism component

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Prism to your project and fits it to your theme.

Code

How Prism is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Prism from '@/components/ui/prism';

export default function Demo() {
  return (
    <div style={{ width: '100%', height: '600px', position: 'relative' }}>
      <Prism
        animationType="rotate"
        timeScale={0.5}
        height={3.5}
        baseWidth={5.5}
        scale={3.6}
        hueShift={0}
        colorFrequency={1}
        noise={0.5}
        glow={1}
      />
    </div>
  );
}