---
title: "Zed"
description: "Zed Configuration for Slint"
---
import Link from '@slint/common-files/src/components/Link.astro';

[Zed](https://zed.dev) is a high-performance, multiplayer code editor. The [zed-slint extension](https://github.com/slint-ui/slint/tree/master/editors/zed), originally developed and donated by Luke Jones, now lives under the slint organization. It integrates the latest release of the [slint language server](/master/docs/slint/guide/tooling/manual-setup.md#slint-lsp) into Zed, offering code completion and syntax highlighting. Install the extension via the following steps:

1. Open the extensions tab via the Zed -> Extensions menu.
2. In the search field, enter "slint".
3. Click on "Install" for the "Slint" extension.

### Live Preview

Once the extension is installed, you can preview a component directly from the editor.
Place your cursor on a component's name (for instance, `MainWindow` in
`component MainWindow inherits Window {`) and trigger the *Show Preview* code action
provided by the language server.