Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 1 day 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 (3 months ago)
- Last Synced: 2024-10-19T14:22:58.079Z (28 days 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.