#

## :icon-ai-model:&nbsp;&nbsp;DevTools

---

Pagy offers a couple of tools to ease your development process.

You can activate them by adding this line in the `<head>` of your layout/page:

```erb
<%== Pagy.dev_tools %>
```

:::content-center
[!button corners="pill" variant="info" icon="play-24" text="Check it out with `bundle exec pagy demo`"](/sandbox/playground/#demo)
:::

#### :icon-north-star:&nbsp; Pagy Wand

Adjust a few sliders to see the style changing in real time, right in your app...

- Control most of the visual aspects of pagy with a few presets and sliders.
- Copy/paste the generated "CSS Override" block in your stylesheet to persist it in your app.
- Click on the :icon-question: icon on the Wand for help.

:::raised
![PagyWand](/assets/images/dev-tools.png){width=450}
:::

<br>

Watch the Pagy Wand [demo video](https://youtu.be/GhhNRrVG9jg):

:::raised
[![](/assets/images/pagy-wand-demo-screenshot.png){width=450}](https://youtu.be/GhhNRrVG9jg)
:::

<br>

#### :icon-sparkle:&nbsp; Pagy AI

Answer to your specific questions, right in your app. Just type questions like: _"What are the available paginators for DBs and search platforms?"_
