Markdown editor screen examples

Polar

Product creation page where the user customizes the checkout presentation by adding a description, uploading product images, and managing custom fields.

• Add & Create
• Upload & Download

Zaro

Content editor where the user can write notes for a specific file within their workspace.

• Edit
• Files

Axiom

Content editor modal where the user writes a markdown note with a live side-by-side preview before saving it to their dashboard.

• Add & Create
• Edit

Llamaindex

IDE-style workspace where the user configures document classification rules alongside a markdown preview of the parsed output.

• AI Editing
• AI Settings

Documentation.AI

Content editor where the user writes and formats documentation pages alongside an AI chat assistant.

• Dashboard
• AI Assistant

Optimal

Form builder where the user constructs a survey study flow by managing sections like welcome messages, screening questions, and participant identifiers in a sidebar while editing their content in the main panel.

• Form
• Edit

Slite

Content editor overlay showing a comprehensive list of markdown formatting options and keyboard shortcuts.

• Command Palette
• Media Editor

Reflag

Settings page where the user configures the name, description, and visibility toggles for a specific feature.

• Settings
• Feature Gate

Huly

Detail page where the user views and edits a specific project task, including sub-issues, attachments, and activity history.

• Tasks
• Edit

Copilot

Document editor with an AI chat sidebar where the user is reviewing a proposed revision to a Next.js wireframe tool guide.

• AI Chat
• AI Editing

Reflect

Changelog page detailing new features, editor improvements, and bug fixes for the Reflect app, organized by release date in a timeline format.

Leap

Workflow editor where the user configures an output node for an image generation pipeline.

• Workflow Builder
• AI Generation