Tailwind CSS Docs Workflow for Alfred

Search the Tailwind CSS documentation using Alfred.

Installation

1. Download the latest version
2. Install the workflow by double-clicking the .alfredworkflow file
3. You can add the workflow to a category, then click "Import" to finish importing. You'll now see the workflow listed in the left sidebar of your Workflows preferences pane.

Usage

Just type twd followed by your search query.

twd background color

Either press ⌘Y to Quick Look the result, or press <enter> to open it in your web browser.

Changing Branches

The workflow supports searching the documentation of both branches, v0, v1, v2 and v3. By default, it searches the v3 branch. To search branch v2 simply type v2 anywhere in your query, like so:

twd flex v2

Note

The lightning fast search is powered by Algolia using the same index as the official Tailwind CSS website.