Add Integrations

Thulite 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 Thulite.

UI Frameworks

• 

  Bootstrap

• 

  Tailwind CSS

Themes

• 

  Bolt Core

• 

  Doks Core

Other integrations

• 

  Core

• 

  Images

• 

  Inline SVG

• 

  SEO

Setting up an Integration

Adding an Integration

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

npm

  # Example: add Images
  npm install @thulite/images@latest

pnpm

  # Example: add Images
  pnpm add @thulite/images@latest

Yarn

  # Example: add Images
  yarn add @thulite/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.

npm

  # Example: upgrade Images
  npm install @thulite/images@latest

pnpm

  # Example: upgrade Images
  pnpm add @thulite/images@latest

Yarn

  # Example: upgrade Images
  yarn add @thulite/images@latest

Removing an Integration

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

npm

  # Example: remove Images
  npm uninstall @thulite/images

pnpm

  # Example: remove Images
  pnpm uninstall @thulite/images

Yarn

  # Example: remove Images
  yarn remove @thulite/images

Optionally, remove the configuration settings.

Finding More Integrations

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

Building Your Own Integration

Thulite’ 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 Thulite Integration guide to learn what integrations can do and how to write one yourself.