Skip to content

Add Integrations

Hyas integrations add new functionality and behaviors for your project. You can write a custom integration yourself, use an official integration, or use integrations built by the community.

Integrations can…

  • Unlock Tailwind CSS, Bootstrap, and other popular CSS frameworks.
  • Add new features to your project, like Images and SEO.
  • Integrate themes like Doks or Bolt.

Official Integrations

The following integrations are maintained by Hyas.

UI Frameworks


Other integrations

Setting up an Integration

Adding an Integration

Add an integration to your site by running the following command in your project’s root directory:

Terminal window
# Example: add Images
npm install @hyas/images@latest

Configuring an Integration

You’ll most likely have to update the mounts configuration, add parameters, add some CSS/JavaScript, and update the PostCSS settings.

Upgrading an Integration

To upgrade an integration, use the appropriate command for your package manager.

Terminal window
# Example: upgrade Images
npm install @hyas/images@latest

Removing an Integration

To remove an integration, uninstall the integration from your project.

Terminal window
# Example: remove Images
npm uninstall @hyas/images

Optionally, remove the configuration settings.

Finding More Integrations

You can find integrations developed by the community in the Hyas Integrations Directory. Follow links there for detailed usage and configuration instructions.

Building Your Own Integration

Hyas’ Integrations are inspired by npm and Hugo, and designed to feel familiar to anyone who has written an npm package or Hugo Module before.

Check out the Build a Hyas Integration guide to learn what integrations can do and how to write one yourself.