---
title: Sparkle
description: Twinkling star glints over the bright parts of the layer inside
category: Stylize
componentType: Filter/Effect
requiresChild: true
sourceUrl: https://github.com/shader-effects-inc/shaders/blob/main/packages/core/src/shaders/Sparkle/index.ts
---

# Sparkle

Twinkling star glints over the bright parts of the layer inside

## Props

## Usage

```vue-html
<Shader>
  <Sparkle
    :intensity="10"
  >
    <Circle />
  </Sparkle>
</Shader>
```

```jsx
<Shader>
  <Sparkle
    intensity={10}
  >
    <Circle />
  </Sparkle>
</Shader>
```

```svelte
<Shader>
  <Sparkle
    intensity={10}
  >
    <Circle />
  </Sparkle>
</Shader>
```

```tsx
<Shader>
  <Sparkle
    intensity={10}
  >
    <Circle />
  </Sparkle>
</Shader>
```

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

const shader = await createShader(canvas, {
  components: [
    { type: 'Sparkle', props: { intensity: 10 }, children: [
      { type: 'Circle', props: {} }
    ]}
  ]
})
```