> ## Documentation Index
> Fetch the complete documentation index at: https://v5.rpgjs.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Prebuilt Components

> Guide for Prebuilt Components in RPGJS.

# Prebuilt Components

RPGJS includes a collection of prebuilt sprite components that you can use directly in your game. These components are ready to use out of the box and can be customized through props to match your game's aesthetic.

<Info>
  Use prebuilt components when RPGJS already provides the sprite visual effect you
  need. For custom client-side effects, see
  [Sprite Components](/guide/sprite-components). For server-controlled player
  visuals, see [Authoritative Sprite Components](/guide/component).
</Info>

## Available Components

### Light Halo

An animated light effect that creates a beautiful pulsing glow around sprites. Perfect for:

* Atmospheric lighting effects
* Magical auras and enchantments
* Ambient glow for characters and objects
* Dynamic lighting that responds to sprite state

[Learn more about Light Halo →](./light-halo)

## Using Prebuilt Components

All prebuilt components follow the same pattern as custom sprite components. You can use them in your module configuration:

```typescript theme={null}
import { RpgClient, defineModule } from '@rpgjs/client';
import LightHalo from '@rpgjs/client';

export default defineModule<RpgClient>({
  sprite: {
    componentsBehind: [LightHalo]
  }
})
```

Or configure them with custom props:

```typescript theme={null}
export default defineModule<RpgClient>({
  sprite: {
    componentsBehind: [{
      component: LightHalo,
      props: {
        baseRadius: 50,
        lightColor: 0xffaaaa
      }
    }]
  }
})
```

## See Also

* [Components overview](/guide/components-overview) - Choose the right component system
* [Sprite Components Guide](/guide/sprite-components) - Learn how to create and use sprite components
* [CanvasEngine Documentation](https://canvasengine.net/) - Deep dive into the rendering engine