---
title: Chrome
description: "Studio-lit mirror chrome — a precision-machined shape with a controllable polished bevel, softly convex faces and a photographic studio reflected in them: one huge frontal softbox, black flags, and thin warm/cool strip lights that fringe amber and ice-blue exactly where the reflections break"
category: Shape Effects
componentType: Generator
requiresChild: false
sourceUrl: https://github.com/shader-effects-inc/shaders/blob/main/packages/core/src/shaders/Chrome/index.ts
---

# Chrome

Studio-lit mirror chrome — a precision-machined shape with a controllable polished bevel, softly convex faces and a photographic studio reflected in them: one huge frontal softbox, black flags, and thin warm/cool strip lights that fringe amber and ice-blue exactly where the reflections break

## Props

## Usage

```vue-html
<Shader>
  <Chrome />
</Shader>
```

```jsx
<Shader>
  <Chrome />
</Shader>
```

```svelte
<Shader>
  <Chrome />
</Shader>
```

```tsx
<Shader>
  <Chrome />
</Shader>
```

```javascript
import { createShader } from 'shaders/js'

const shader = await createShader(canvas, {
  components: [
    { type: 'Chrome', props: {} }
  ]
})
```