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.

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.

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.

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

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

| Format | What it is for |
|---|---|
| Link / Embed | A living document - always up to date, like this one |
| Print and offline | |
| HTML | A static page for your own hosting |
| Markdown | For a repo or knowledge base |
| Presentation | Interactive HTML5 slides with animations |
| Knowledge Base | A branded help center with categories and search (Business) |
| AI Video | A 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.

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.

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.

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": [ ... ] }
}'