Docs

Documentation

Everything you need to use ModuleHarbor modules and the public API.

1. Find a module

Browse by category (components, sections, animations, Shopify) or framework (React, Vue, Angular…). Every module ships with a live preview rendered from its real source code.

2. Copy or install

Use the Copy button on a module page to grab the source, or follow the step-by-step installation guide (npm installs, file placement and usage snippets included).

For React, Vue and Angular modules you get the component file plus a scoped styles.css. For Shopify, sections come with a complete {% schema %} and presets.

3. Customize

Tweak CSS custom properties or Tailwind utilities inline — every module inherits your project's design tokens. The UI Playground lets you experiment with the HTML, CSS and JS live before copying.

Command Palette

Search modules and jump anywhere