> For clean Markdown content of this page, append .md to this URL. For the complete documentation index, see https://buildwithfern.com/learn/llms.txt.

# Fern Editor

> A visual WYSIWYG editor that lets team members update documentation without code, markdown, or Git access—while preserving your docs-as-code workflow.

Fern Editor lets team members such as content writers, product managers, and marketers update documentation without code, markdown, or Git. Contributors don't need GitHub access or a local development environment.

## [Try it now](https://dashboard.buildwithfern.com/)

Open Dashboard

![](/learn/_fern-files/fern.docs.buildwithfern.com/c22639c4e3edbf69499a96b2fe166228975df1dfdbff252abe91724b64814174/products/docs/pages/component-library/writing-content/assets/visual-editor.avif)

## Key features

#### Component support

Create and edit Callouts, Cards, Accordions, Code Blocks, and other Fern components from the UI

#### Git-backed workflow

Every edit creates a pull request (a merge request on GitLab), preserving Git history, code review, CI checks, and branch protections

#### Collaborative editing

Multiple team members can edit the same PR in the Editor without GitHub access

## Getting started

### Connect a Git provider

[Connect your repository](/learn/dashboard/configuration/github-repo) in the [Dashboard](https://dashboard.buildwithfern.com/). GitHub repositories need the [Fern GitHub app](https://github.com/apps/fern-api) installed; [GitLab repositories](/learn/dashboard/configuration/github-repo#gitlab) need an access token that Fern configures for you.

### Set up permissions

Configure [member permissions](/learn/dashboard/configuration/permissions) for your organization to control who can use Fern Editor. Admins and Editors can make changes; Viewers have read-only access.

### Open the Editor

Log in to the [Dashboard](https://dashboard.buildwithfern.com/) and open Fern Editor from the **Overview** tab. From here you can drag and drop media, create and delete pages, update branding (logo, favicon, title), and switch to dev mode for source code editing.

> **Browser and device support**
>
> Fern Editor supports modern Chromium browsers on desktop. Mobile editing and support for other browsers are coming soon.

## Supported components

Fern Editor supports creating and editing the following components:

| Component                                                                                 | Support status |
| ----------------------------------------------------------------------------------------- | -------------- |
| [Accordions](/learn/docs/writing-content/components/accordions)                           | Supported      |
| [Accordion Groups](/learn/docs/writing-content/components/accordion-groups)               | Supported      |
| [Aside](/learn/docs/writing-content/components/aside)                                     | Coming soon    |
| [Button](/learn/docs/writing-content/components/button)                                   | Supported      |
| [Callouts](/learn/docs/writing-content/components/callouts)                               | Supported      |
| [Cards](/learn/docs/writing-content/components/cards)                                     | Supported      |
| [Card Groups](/learn/docs/writing-content/components/card-groups)                         | Supported      |
| [Code Blocks](/learn/docs/writing-content/components/code-blocks)                         | Supported      |
| [Embed](/learn/docs/writing-content/components/embed)                                     | Supported      |
| [Endpoint Request Snippet](/learn/docs/writing-content/components/request-snippet)        | Supported      |
| [Endpoint Response Snippet](/learn/docs/writing-content/components/response-snippet)      | Supported      |
| [Endpoint Schema Snippet](/learn/docs/writing-content/components/endpoint-schema-snippet) | Supported      |
| [Frames](/learn/docs/writing-content/components/frames)                                   | Coming soon    |
| [Icons](/learn/docs/writing-content/components/icons)                                     | Coming soon    |
| [Parameter Fields](/learn/docs/writing-content/components/parameter-fields)               | Supported      |
| [Steps](/learn/docs/writing-content/components/steps)                                     | Supported      |
| [Tables](/learn/docs/writing-content/components/tables)                                   | Supported      |
| [Sticky tables](/learn/docs/writing-content/components/tables#sticky-headers)             | Coming soon    |
| [Tabs](/learn/docs/writing-content/components/tabs)                                       | Supported      |
| [Tooltips](/learn/docs/writing-content/components/tooltips)                               | Supported      |

> A visual WYSIWYG editor that lets team members update documentation without code, markdown, or Git access—while preserving your docs-as-code workflow.