Tangly v0.2 ships richer code blocks, page chrome, and more — see what's new

Installation

Install Tangly into a new or existing project.

~ 2 min read

Installation

Requirements

  • Node 20+ (or Bun 1.2+).
  • A package manager: bun (recommended), pnpm, npm, or yarn all work.
  • A directory you want to render. Tangly does not impose a folder structure beyond docs.json at the root.

Install globally

The fastest path. One command, tangly on your PATH everywhere:

bash
npm i -g tangly

Then tangly init, tangly dev, tangly build work from any directory.

Install per project

If you’d rather pin Tangly to a single project’s package.json:

bun
bash
bun add -D tangly
pnpm
bash
pnpm add -D tangly
npm
bash
npm install --save-dev tangly
yarn
bash
yarn add -D tangly

The tangly binary becomes available via bun x tangly, pnpm exec tangly, npx tangly, etc.

Curl one-liner (alternative)

A POSIX/PowerShell installer that does the same thing as npm i -g tangly (uses npm under the hood, writes a tangly wrapper to your PATH):

bash
# Linux / macOS
curl -fsSL https://tangly.dev/install.sh | bash

# Windows (PowerShell)
iwr -useb https://tangly.dev/install.ps1 | iex

Useful when you don’t want to add to your global npm scope, or want a version-pinned cache directory.

Project layout

A minimal Tangly project is two files:

  • Directorymy-docs/
    • docs.json navigation + branding (required)
    • introduction.mdx
    • package.json

A typical project grows like this:

  • Directorymy-docs/
    • docs.json
    • introduction.mdx
    • quickstart.mdx
    • Directoryguides/
      • concepts.mdx
      • advanced.mdx
    • Directoryreference/
      • api.mdx
    • Directoryimages/
      • logo.svg
    • Directorytheme/ optional component overrides
      • Directorycomponents/
        • Card.astro
    • tangly.config.ts optional content collections
    • package.json

Tangly does not require src/, pages/, or any framework files. The MDX files at any depth are the source of truth; docs.json decides which ones appear in navigation. Files prefixed with _ (e.g. _section.mdx) and the snippets/ folder are skipped.

Editor support

Add this to the top of docs.json for autocomplete + inline validation:

json
{
  "$schema": "./node_modules/tangly/schema/docs.json",
  "name": "My docs"
}

VS Code, Cursor, JetBrains, and any editor with a JSON-Schema language server pick this up automatically. You’ll get IntelliSense for every nav field, color token, and analytics provider.

Optional: scripts

Wire dev/build into your package.json:

json
{
  "scripts": {
    "dev": "tangly dev",
    "build": "tangly build",
    "preview": "tangly preview",
    "check": "tangly check --strict"
  }
}

Agent skills

Tangly ships two agent skills you can install into any project that uses a skill-aware agent (Claude Code, Codex, …):

  • tanglify drives the Tangly CLI, scaffolds docs.json, ports from Mintlify, picks deploy adapters.
  • tech-documentation carries Diátaxis-grounded principles for writing the actual content.

Install both skills globally with one command:

bash
npx skills add tanglydocs/tangly -g

The skills live under skills/ and are versioned alongside the framework. When CLI flags or schema fields change, the skill content moves with them.

What’s next

Last updated Edit this page

Type to search…

↑↓ navigate open esc close