xyd

xyd is a documentation framework that lets you create professional documentation websites without wrestling with complex tools. It comes with six beautiful built-in themes you can use right away, or you can customize every part to match your brand. The framework automatically generates documentation from your OpenAPI, GraphQL, TypeScript, and React code specifications.

Unlike other documentation tools, xyd includes everything you need from the start. You get full-text search with smart suggestions, built-in analytics to track how people use your docs, live chat integration, and even A/B testing capabilities. The development server starts instantly with hot reload, so you see changes immediately. Built by developers for developers, xyd removes the boring parts of making documentation so you can focus on writing great content.

Getting started with xyd is straightforward. Here are the steps to create your documentation:

• Install xyd globally using the command bun add -g xyd-js or your preferred package manager. You will need Node.js version 22.12 or higher installed on your computer.

• Run xyd in your project folder to start the development server. It launches instantly with hot reload, meaning you can see your changes appear immediately without restarting.

• Choose from six built-in themes or create your own custom design. Each theme offers a different style and layout to match your project needs.

• Write your documentation using the rich content framework that supports interactive components, live code examples, and dynamic elements that make your docs more engaging.

• For API documentation, simply point xyd to your OpenAPI, GraphQL, TypeScript, or React specifications and it generates beautiful documentation automatically.

• Run xyd build when ready to create static files for deployment to any hosting service.

• Six beautiful built-in themes available

• Automatic API docs from OpenAPI, GraphQL, TypeScript, React

• Hot reload development server with zero configuration

• Full customization of all components and layouts

• Rich plugin ecosystem for search, analytics, chat

• Interactive code examples and dynamic content

• Built-in analytics and A/B testing support

• Lightning-fast full-text search functionality

• Open source and completely free

• Migration tools from other frameworks