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
Themes
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:
# Example: add Images npm install @hyas/images@latest # Example: add Images pnpm add @hyas/images@latest # Example: add Images yarn add @hyas/images@latestConfiguring 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.
# Example: upgrade Images npm install @hyas/images@latest # Example: upgrade Images pnpm add @hyas/images@latest # Example: upgrade Images yarn add @hyas/images@latestRemoving an Integration
To remove an integration, uninstall the integration from your project.
# Example: remove Images npm uninstall @hyas/images # Example: remove Images pnpm uninstall @hyas/images # Example: remove Images yarn remove @hyas/imagesOptionally, 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.
Add-ons