๐Ÿ“ฆ techouse / alfred-tailwindcss-docs

Search the Tailwind CSS documentation using Alfred

โ˜… 53 stars โ‘‚ 3 forks ๐Ÿ‘ 53 watching โš–๏ธ MIT License
alfred-workflowalgolia-searchdocumentationtailwindcss
๐Ÿ“ฅ Clone https://github.com/techouse/alfred-tailwindcss-docs.git
HTTPS git clone https://github.com/techouse/alfred-tailwindcss-docs.git
SSH git clone git@github.com:techouse/alfred-tailwindcss-docs.git
CLI gh repo clone techouse/alfred-tailwindcss-docs
dependabot[bot] dependabot[bot] :arrow_up: Bump actions/upload-artifact from 5 to 6 (#90) 9db948e 1 months ago ๐Ÿ“ History
๐Ÿ“‚ master View all commits โ†’
๐Ÿ“ .github
๐Ÿ“ assets
๐Ÿ“ bin
๐Ÿ“„ .env.example
๐Ÿ“„ .gitignore
๐Ÿ“„ build.sh
๐Ÿ“„ configure.png
๐Ÿ“„ demo.gif
๐Ÿ“„ entitlements.plist
๐Ÿ“„ info.plist
๐Ÿ“„ LICENSE
๐Ÿ“„ Makefile
๐Ÿ“„ pubspec.lock
๐Ÿ“„ pubspec.yaml
๐Ÿ“„ README.md
๐Ÿ“„ README.md

Tailwind CSS Docs Workflow for Alfred

GitHub release GitHub All Releases GitHub GitHub Sponsors

Search the Tailwind CSS documentation using Alfred.

demo

Installation

  • Download the latest version
  • Install the workflow by double-clicking the .alfredworkflow file
  • 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 the Tailwind CSS version to search

The workflow supports searching the documentation of several versions. To change the branch, configure the Workflow as show in the image below.

configure

Note

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