https://github.com/techouse/alfred-tailwindcss-docs

Search the Tailwind CSS documentation using Alfred
https://github.com/techouse/alfred-tailwindcss-docs

alfred-workflow algolia-search documentation tailwindcss

Last synced: 5 days ago
JSON representation

Search the Tailwind CSS documentation using Alfred

• Host: GitHub
• URL: https://github.com/techouse/alfred-tailwindcss-docs
• Owner: techouse
• License: mit
• Created: 2019-07-18T14:08:43.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-08-12T02:36:32.000Z (4 months ago)
• Last Synced: 2024-10-19T14:22:58.079Z (2 months ago)
• Topics: alfred-workflow, algolia-search, documentation, tailwindcss
• Language: Dart
• Size: 7.53 MB
• Stars: 55
• Watchers: 3
• Forks: 3
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tailwind CSS Docs Workflow for Alfred

![GitHub release](https://img.shields.io/github/release/techouse/alfred-tailwindcss-docs.svg)

![GitHub All Releases](https://img.shields.io/github/downloads/techouse/alfred-tailwindcss-docs/total.svg)

![GitHub](https://img.shields.io/github/license/techouse/alfred-tailwindcss-docs.svg)

[![GitHub Sponsors](https://img.shields.io/github/sponsors/techouse)](https://github.com/sponsors/techouse)

Search the [Tailwind CSS documentation](https://tailwindcss.com/docs/) using [Alfred](https://www.alfredapp.com/).

![demo](demo.gif)

## Installation

1. [Download the latest version](https://github.com/techouse/alfred-tailwindcss-docs/releases/latest)

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 `` 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](configure.png)

### Note

The lightning fast search is powered by [Algolia](https://www.algolia.com) using the _same_ index as the official [Tailwind CSS](https://tailwindcss.com/) website.