Skip to content

Commit a299ffd

Browse files
committed
update description for Zed
1 parent 02d7e9d commit a299ffd

File tree

2 files changed

+14
-6
lines changed

2 files changed

+14
-6
lines changed

src/docs/editor-setup.mdx

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,20 @@ If you're using VS Code, our official [Tailwind CSS IntelliSense](https://market
1616

1717
In some cases, you may need to disable native CSS linting/validations if your editor is very strict about the syntax it expects in your CSS files.
1818

19+
## Zed
20+
21+
[Zed](https://zed.dev/?utm_source=tailwind) is a fast, modern code editor, designed from the ground-up for cutting-edge development workflows, including agentic editing with AI. It has built-in support for Tailwind CSS autocompletions, linting, and hover previews, without the need to install and configure a separate extension. It also integrates tightly with Prettier, so our official [Prettier plugin](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) works seamlessly with Zed when installed.
22+
23+
<img
24+
src={require("./img/zed-intellisense.png").default.src}
25+
alt="Built-in support for Tailwind CSS in Zed via Tailwind CSS IntelliSense"
26+
width={1344}
27+
height={672}
28+
className="rounded-lg"
29+
/>
30+
31+
Check out [Zed](https://zed.dev/?utm_source=tailwind) and learn more about [how it works with Tailwind CSS](https://zed.dev/docs/languages/tailwindcss?utm_source=tailwind).
32+
1933
## IntelliSense for VS Code
2034

2135
The official [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) extension for Visual Studio Code enhances the Tailwind development experience by providing users with advanced features such as autocomplete, syntax highlighting, and linting.
@@ -60,9 +74,3 @@ Check out the plugin [on GitHub](https://github.com/tailwindlabs/prettier-plugin
6074
JetBrains IDEs like WebStorm, PhpStorm, and others include support for intelligent Tailwind CSS completions in your HTML.
6175

6276
[Learn more about Tailwind CSS support in JetBrains IDEs &rarr;](https://www.jetbrains.com/help/webstorm/tailwind-css.html)
63-
64-
## Zed
65-
66-
Zed includes built-in support for Tailwind CSS autocomplete, linting, and hover previews for a variety of languages. It also supports Prettier, so our official [Prettier plugin](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) works seamlessly in Zed when installed.
67-
68-
[Learn more about Tailwind CSS support in Zed &rarr;](https://zed.dev/docs/languages/tailwindcss)

src/docs/img/zed-intellisense.png

1.45 MB
Loading

0 commit comments

Comments
 (0)