Logo

Create your first tutorial with clarife

This document was made entirely in clarife - and shows everything you will build your own tutorials from. Every section below uses a different feature: editor blocks, annotations, frames, AI-assisted descriptions and the on-page embed you are reading it through. Scroll through to see them in action.


The Block Editor

Your tutorials are built from blocks - just like this document. Each block can be a heading, paragraph, screenshot, code snippet, table, or divider.

Click the + button at the bottom or between blocks to add new ones. Drag the handle on the left to reorder. Click any block to edit its content.

The clarife block editor with various block types
The clarife block editor with various block types

Screenshots & Annotations

Screenshots are the heart of every tutorial. But a raw screenshot rarely tells the full story - that's where annotations come in.

clarife gives you 10+ annotation tools: arrows, curved arrows, rectangles, ovals, text labels, highlights, step counters, blur, pixelate, magnifier, and spotlight. All annotations are non-destructive - edit or remove them anytime.

The annotation editor with 10+ tools
The annotation editor with 10+ tools

Screenshot Enhancer

Turn any screenshot into a polished, professional image. Add device frames (iPhone, MacBook, iPad), browser chrome, gradient backgrounds, and shadows - all with a few clicks.

The screenshot enhancer with device frames and backgrounds
The screenshot enhancer with device frames and backgrounds

AI Assist

Writing is the slow part of documentation - so clarife's AI assist does the heavy lifting. It drafts a step description straight from a screenshot, and rewrites, shortens, expands, fixes the tone of or translates any text block into 11 languages.

You stay in control: every proposal is shown next to your text and nothing lands in the document until you accept it. A monthly allowance of AI assist actions is included in every plan (separate from AI video credits).

AI assist proposing a step description in the editor
AI assist proposing a step description in the editor

Export Your Tutorials

When your tutorial is ready, publish it in the format that fits your audience best:

Four export formats to choose from
Four export formats to choose from
FormatWhat it is for
Link / EmbedA living document - always up to date, like this one
PDFPrint and offline
HTMLA static page for your own hosting
MarkdownFor a repo or knowledge base
PresentationInteractive HTML5 slides with animations
Knowledge BaseA branded help center with categories and search (Business)
AI VideoA narrated tutorial in 11 languages

Share & Embed

Share your tutorials with a single link. Control access with passwords, email gates, expiration dates, and domain allowlists.

Pro and Business plans unlock embedding - embed tutorials directly on your website using an iframe, widget, or popup button. The document you are reading right now is embedded with exactly that feature.

Share dialog with embedding options
Share dialog with embedding options

Knowledge Base (Business)

On the Business plan, your tutorials can become a full knowledge base: a help center with categories, full-text search and your branding, published under its own address. Entries can be public or internal - internal ones sit behind an e-mail verification gate.

We use it ourselves: clarife's help center is a clarife knowledge base.

A published knowledge base with categories and search
A published knowledge base with categories and search

AI Video Generation

Let AI turn your tutorial into a narrated video. clarife generates a script from your content, converts it to speech in 11 languages, and renders a professional video with subtitles.

AI video generation uses AI video credits - every new account starts with 3 free generations, and credits never expire. Need more? Packs of 10 generations are available anytime.

AI-generated video from a tutorial
AI-generated video from a tutorial

Bonus: this document was not written in the editor. An AI agent created it through the clarife API - with exactly this call:
bash
curl -X POST https://my.clarife.app/api/v1/documents \
  -H "Authorization: Bearer $CLARIFE_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "title": "Create your first tutorial with clarife",
    "content": { "blocks": [ ... ] }
  }'
From a screenshot to what you are reading - a few minutes. And as your tutorials grow in number, gather them into a branded knowledge base with categories and search. Create a free account and build your first tutorial today.