# Mercury installation by framework

Install Chameleon and Mercury first:

```bash
npm i @genexus/chameleon-controls-library @genexus/mercury
```

Then follow the guide for your framework (all paths are local to this skill):

- [Installation for React (with Vite)](installation-for-react.md)
- [Installation for Angular](installation-for-angular.md)
- [Installation for Next.js (with Turbopack)](installation-for-nextjs.md)
- [Installation for Stencil](installation-for-stencil.md)

After installation, verify that all installed versions are mutually compatible by consulting the **[Compatibility table](compatibility.md)**. Always prefer the latest versions

Then use the **[Component → bundles table](../component-bundles-table.md)** and **[Bundles index](../bundles-index.md)** in this skill to choose CSS bundles and class names
