---
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 <Link type="SlintLSP" label="slint language server"/> 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.
