Convert Tailwind CSS class names into their CSS3-equivalent styles — right from Alfred.

Last update: Dec 7, 2022

Related tags

Overview

alfred-tailwind2css

Tailwind2CSS offers you the ability to convert TailwindCSS classes into their CSS3-equivalent styles -- right from within Alfred.

This workflow is based on the tool from @Devzstudio, Devzstudio/tailwind_to_css.

Click Here to Download the Latest Release

Usage

The workflow is triggered by the keyword tw2. Begin typing your Tailwind classes to see the conversion in realtime, then select an option to copy to the pasteboard.

Actions

Copy as CSS

Copy the CSS3 styles for pasting into a stylesheet.

Copy as HTML Attribute

Copy the CSS3 styles for pasting as an HTML style attribute.

Support the Workflows

Check out some of my other workflows:

If you use any of these, and find them useful, please consider buying me a coffee.

Want a custom workflow? Send me a direct message on Twitter, and let's chat.

License

MIT — Hell yeah, free software!

It's a set of common utility strategies to work with responsive styles with Flutter and CSS in JS

@skynexui/responsive_stylesheet You don't need to be worried just because you have to support multiple screens 📺 🖥 💻 📱 It's a set of common utilit

Oct 26, 2022

A drop-in collection of CSS styles to make simple websites just a little nicer

Water.css 🌊 A drop-in collection of CSS styles to make simple websites just a little nicer Goals Responsive Themeable Good browser support (works on

Jan 4, 2023

Minifies css variable names

PostCSS Variable Compress postcss-variable-compress is a PostCSS plugin minifies variable names and saves space. Even if you have 1295 css variables s

Nov 19, 2022

A command-line tool to convert Project Zomboid map data into Deep Zoom format

pzmap2dzi pzmap2dzi is a command-line tool running on Windows to convert Project Zomboid map data into Deep Zoom format. Features Supports both python

Dec 31, 2022

Convert some JavaScript/TypeScript code string into a .d.ts TypeScript Declaration code string

convert-to-dts Converts the source code for any .js or .ts file into the equivalent .d.ts code TypeScript would generate. Usage import { convertToDecl

Mar 3, 2022

When pasting screenshots into obsidian notes, convert the images to jpeg and compress them

obsidian-paste-png-to-jpeg This plugin is inspired by obsidian-paste-image-rename, obsidian-paste-image-rename can be used when inserting images renam

Nov 15, 2022

Convert any webpage into bionified text!

Bionify - Read Faster! LEGAL NOTICE: To the wonderful folks at Bionic Reading®, this is not a pirated version of your Bionic Reading® API, but rather

Dec 8, 2022

jsonrawtoxlsx is library to convert json raw (array) into xlsx file

Welcome to jsonrawtoxlsx 👋 ✨ What is jsonrawtoxlsx? jsonrawtoxlsx is library to convert json raw (array) into xlsx file ⚡️ Installation using npm npm

Dec 23, 2022

jquery plugin to convert number inputs into knobs that can be adjusted by dragging with mouse or fingers

jquery-knobby is a jquery plugin to convert number input elements into turnable knobs that can be adjusted by cyclic dragging with mouse or fingers -

Oct 2, 2020

Releases(1.0.0)

1.0.0(Sep 16, 2022)

Source code(tar.gz)
Source code(zip)
Tailwind2CSS.alfredworkflow(34.46 KB)

Owner

Stephan Casas

GitHub

A plugin for Master Styles to group up styles and add selectors.

master-styles-group A plugin for Master Styles to group up styles and add selectors. THIS PROJECT IS IN BETA This project may contain bugs and have no

5 Sep 27, 2022

javascript library to convert a list of objects to a nested json output format, depending on the names in the list

formToNestedJson javascript "library" to convert a list of objects to a nested json output format, depending on the names in the list Basic usage Give

2 Aug 2, 2021

THE PROJECT IDEA is to create a platform where developers can improve on their typing speed and accuracy by playing a coding typing game in their preferred programming language, which will make developers both beginners and pros get more familiar with the syntax of their programming languages.

Typing Game for Developers to Boost their Typing Speed and Accuracy Read Blog Technologies Yarn React JS Html Css Features ?? Typing Area ?? Ranking ?

32 Dec 14, 2022

See a banned user's profile, their friends, their favorite games, their followers etc.

Roblox-Banned-User-Viewer AKA BanView See a banned user's profile, their friends, their favorite games, their followers etc. Ever wondered how to view

4 Nov 18, 2022

Alfred Workflow for selecting citations in Pandoc Syntax from a BibTeX File.

Supercharged Citation Picker A citation picker for academics that write in markdown. Using Alfred, this citation picker inserts Pandoc citations from

69 Dec 29, 2022

Preview and reply to your messages from within Alfred. Keep your hands on that keyboard!

Mouseless Messenger Mouseless Messenger offers you rapid keyboard-driven access to send and read conversations in the macOS Messages app via Alfred —

37 Dec 30, 2022

A chrome extension to automatically forward BNS names to their respective web bridges.

bns-chrome-extension A chrome extension to automatically forward BNS names to their respective web bridges. Currently, in order to use .btc names you

3 Oct 3, 2022

Input a list of Handshake top-level domains, outputs names sorted into 4 arrays: available, registered, reserved, or invalid.

name-check A simple NodeJS package that, given a flat list of top-level domain names, queries the Handshake (HNS) blockchain in order to classify each

2 Jan 8, 2022

A Chrome extension for converting ENS names into links to daopanel chat.

daopanel connect A Chrome extension that links Twitter usernames to daopanel chat conversations Example daopanel chat is powered by XMTP Github Action

3 Aug 23, 2022

⏪ Rewinds – Remix Tailwind Starter Kit with Tailwind CSS, Headless UI, Radix UI, and more

⏪ Rewinds – Remix Tailwind Starter Kit Rewinds is a Remix starter kit with Tailwind CSS v3 family of libraries. This is an example demo to combine the

81 Dec 24, 2022