Skip to content

Commit

Permalink
chore: clean up tools
Browse files Browse the repository at this point in the history
  • Loading branch information
innocenzi committed Dec 7, 2023
1 parent 4a83e64 commit b25e517
Showing 1 changed file with 9 additions and 41 deletions.
50 changes: 9 additions & 41 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -103,8 +103,10 @@

## Tools

**Legend**: 🌍 Accessible online Β· πŸ”Ό Conversion or upgrade tool Β· πŸ”§ Generator Β· πŸ…° Typing/enforcement Β· πŸ’Ό Plugins/Tools/Extensions for external services Β· 🎨 Color-related Β· πŸš€ Framework
**Legend**: 🌍 Accessible online Β· πŸ”Ό Conversion or upgrade tool Β· πŸ”§ Generator Β· πŸ…° Typing/enforcement Β· πŸ’Ό Plugins/Tools/Extensions for external services Β· 🎨 Color-related Β· πŸš€ Framework Β· πŸ’° Paid plans

- πŸ’™πŸ’Ό [Prettier plugin](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) - Official Tailwind CSS plugin for Prettier.
- πŸŽ¨πŸŒπŸ”§ [Ui Colors](https://uicolors.app/create) - Color palette generator for Tailwind CSS.
- πŸŽ¨πŸŒπŸ”§ [Tailwind Color Shades](https://javisperez.github.io/tailwindcolorshades) - Color shades generator for Tailwind CSS.
- πŸŽ¨πŸŒπŸ”§ [Palette generator](https://adevade.github.io/color-scheme-generator) - Color palette generator that outputs Tailwind CSS configuration files.
- πŸŽ¨πŸŒπŸ”§ [Tailwind Colors](https://tailwind-colors.meidev.co) - Color configuration generator for Tailwind CSS.
Expand All @@ -115,75 +117,41 @@
- πŸŽ¨πŸŒπŸ”§ [Hypercolor](https://hypercolor.dev/) - Collection of pre-configured Tailwind CSS gradients with directional options.
- πŸŽ¨πŸŒπŸ”§ [Palettolithic](https://palettolithic.com) - Generates harmonius color palettes based on one color.
- πŸŽ¨πŸŒπŸ”§ [Tailwind Gradient Generator](https://tailwindcomponents.com/gradient-generator) - Create perfect Tailwind CSS gradients with zero lines of code.
- πŸŽ¨πŸŒπŸ”§ [Ui Colors](https://uicolors.app/create) - Color palette generator for Tailwind CSS.
- πŸŽ¨πŸŒπŸ”§ [Tints](https://www.tints.dev/) - Color palette penerator and API for Tailwind CSS.
- πŸŽ¨πŸŒπŸ’Ό [Tailwind CSS v2 colors](https://www.figma.com/community/file/905719775911766776) - Figma library with Tailwind CSS v2 colors.
- πŸŽ¨πŸ”§πŸ’Ό [Colorkraken](https://github.com/Bouhoum/colorkraken) - Color shades generator for Tailwind CSS.
- πŸŽ¨πŸ”§πŸ’Ό [babel-plugin-tailwind-dark](https://github.com/wowlusitong/babel-plugin-tailwind-dark) - A Babel plugin to add custom dark class when compiling your code using Babel.
- πŸŒπŸ”§πŸ’Ό [Twind](https://github.com/tw-in-js/twind) - Compiler functions that turn Tailwind's classes into CSS at run, serve and build time.
- πŸŒπŸ”§ [GPT-3 Tailwind CSS code generator](http://gpt-tailwind.com/) - OpenAI GPT-3 powered Tailwind CSS code generator.
- πŸŒπŸ”§ [tail-animista](https://tail-animista.vercel.app) - Configurable custom animation utilities generator for Tailwind CSS.
- πŸŒπŸ”§ [brands-tail-color](https://brands-tail-color.vercel.app/) - Configuration generator using various brands' colors.
- πŸŒπŸ”§ [Windframe](https://www.devwares.com/windframe/) - Tailwind CSS drag and drop builder to rapidly build and prototype websites.
- 🌍 [Typography Playground](https://tailwind-typography-playground.vercel.app/) - Tool for trying different Google Fonts combinations with the Tailwind CSS Typography Plugin.
- πŸŒπŸ’™ [Play](https://play.tailwindcss.com/) - Advanced online playground for Tailwind CSS.
- 🌍 [Updrafts.app](https://updrafts.app/) - Advanced online no-code drag and drop editor for Tailwind CSS.
- 🌍 [Typography playground](https://tailwind-typography-playground.vercel.app/) - Tool for trying different Google Fonts combinations with the Tailwind CSS typography plugin.
- 🌍 [Flowrift](https://flowrift.com) - Beautifully designed Tailwind CSS UI blocks.
- πŸ”ΌπŸŒπŸ”§ [Tailwindhelper](https://www.tailwindhelper.com/) - Visualize Tailwind CSS classes and unit converter.
- πŸ”ΌπŸŒ [Tailwind Automatic Prefix Applicator](https://github.vue.tailwind-prefix.cbass.dev) - Tailwind classes' prefixer tool.
- πŸ”ΌπŸŒ [Prefixer](https://github.vue.tailwind-prefix.cbass.dev) - Tailwind classes' prefixer tool.
- πŸ”ΌπŸŒ [CSS to Tailwind CSS Converter](https://transform.tools/css-to-tailwind) - Converts CSS to Tailwind CSS by suggesting classes that best match.
- πŸ”Ό [Tailwindo](https://github.com/awssat/tailwindo) - Bootstrap to Tailwind CSS converter.
- πŸ”Ό [Tailupgrade](https://github.com/virkillz/tailupgrade) - Conversion tool for upgrading HTML files from Tailwind CSS v0.x to v1.0.
- πŸ”Ό [Tailwind Shift](https://github.com/awssat/tailwind-shift) - Upgrade tool for upgrading from Tailwind CSS v0.7 to v1.0.
- πŸ”Ό [RustyWind](https://github.com/avencera/rustywind) - CLI tool for sorting Tailwind CSS classes.
- πŸ”Ό [Windy](https://usewindy.com) - Browser extension to convert HTML elements to Tailwind CSS.
- πŸš€ [Maizzle](https://maizzle.com/) - Framework for rapid email prototyping with Tailwind CSS.
- πŸ…° [react-native-tailwindcss](https://github.com/TVke/react-native-tailwindcss) - React Native typing system.
- πŸ’Ό [Gatsby Plugin](https://github.com/muhajirframe/gatsby-plugin-tailwindcss) - Tailwind CSS integration for Gatsby.
- πŸ’Ό [Gridsome Plugin](https://github.com/brandonpittman/gridsome-plugin-tailwindcss) - Tailwind CSS integration for Gridsome.
- πŸ’Ό [Alfred Workflow](https://github.com/clnt/alfred-tailwindcss-docs) - Fast Tailwind CSS documentation search application.
- πŸ’Ό [ng-tailwindcss](https://github.com/tehpsalmist/ng-tailwindcss) - CLI tool for integrating Tailwind CSS into Angular-CLI projects.
- πŸ’Ό [vue-cli-plugin-tailwind](https://github.com/forsartis/vue-cli-plugin-tailwind) - Vue CLI plugin that adds Tailwind CSS to a project.
- πŸ’Ό [Tailwind CSS Figma Kit](https://github.com/ecklf/tailwindcss-figma-kit) - Figma Kit for Tailwind CSS.
- πŸ’Ό [Tailwind CSS Figma UI Design Kit](https://flowbite.com/figma/) - Figma UI Design Kit for Tailwind CSS.
- πŸ’Ό [Tailwind CSS Figma Plugin](https://github.com/ecklf/tailwindcss-figma-plugin) - Figma plugin that integrates Tailwind CSS.
- πŸ’Ό [@nuxtjs/tailwindcss](https://github.com/nuxt-community/tailwindcss-module) - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1).
- πŸ’Ό [preact-cli-tailwind](https://github.com/agneym/preact-cli-tailwind) - Tailwind CSS integration for Preact.
- πŸ’Ό [tailwind-classes-sorter](https://github.com/Acidic9/tailwind-classes-sorter) - NPM library which provides a utility to sort Tailwind CSS classes.
- πŸ’Ό [prettier-plugin-tailwind](https://github.com/Acidic9/prettier-plugin-tailwind) - Prettier plugin that sorts class lists.
- πŸ’Ό [tailwindcss-rails](https://github.com/rails/tailwindcss-rails) - Gem for using Tailwind CSS with Rails' asset pipeline.
- πŸ’ΌπŸ”§ [Zeplin Config & Class generator](https://extensions.zeplin.io/5ae2d20017c57fd249c9876f) - Zeplin extension that generates Tailwind configurations.
- πŸ’ΌπŸ”§ [@tailwindcssinjs/macro](https://github.com/Arthie/tailwindcssinjs) - Babel macro that transforms Tailwind CSS classes into objects for CSS-in-JS libraries.
- πŸ’ΌπŸ”§ [twin.macro](https://github.com/ben-rogerson/twin.macro) - Use Tailwind classes within any CSS-in-JS library.
- πŸ’ΌπŸ”§ [tailwindcss-webpack-plugin](https://github.com/await-ovo/tailwindcss-webpack-plugin) - Out-of-the-box Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS configuration.
- πŸ’ΌπŸ”§ [tailwindcss-vite-plugin](https://github.com/await-ovo/tailwindcss-webpack-plugin/tree/main/packages/vite-plugin) - Vite plugin for Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS configuration.
- πŸ’ΌπŸ”§ [Tailwind Config Viewer](https://github.com/rogden/tailwind-config-viewer) - Local UI tool for visualizing your Tailwind CSS configuration file.
- πŸ’ΌπŸ”§ [Laravel Form Components](https://github.com/pascalbaljetmedia/laravel-form-components) - Blade form components using Tailwind CSS Custom Forms.
- πŸ’Ό [@ngneat/tailwind](https://github.com/ngneat/tailwind) - Tailwind CSS integration for Angular.
- πŸ’Ό [Gust](https://www.getgust.com) - Drag and drop page builder for WordPress.
- πŸ’Ό [clb](https://github.com/crswll/clb) - clb (class list builder) is a utility function that builds a class list based on a [Stitches](https://stitches.dev/) like API.
- πŸ’Ό [react-with-class](https://github.com/antomics/react-with-class) - Utility function for creating primitive React components with a set of classes, props or variants.
- πŸ’ΌπŸŒ [Inspect Flow](https://inspectflow.io) - The complete developer tool for Tailwind CSS.
- πŸ’Ό [twined-components](https://github.com/lowfront/twined-components) - Extended component of a styled-components that prioritizes class names for use in Tailwind CSS.
- πŸ’Ό [Tails DevTools](https://github.com/vechai/tails-devtools) - All-in-one browser extension for Tailwind CSS.
- πŸ’Ό [Impulse.dev](https://impulse.dev) – UI editor for Tailwind CSS and React that edits your code.
- πŸ’Ό [Impulse.dev](https://github.com/impulse-oss/impulse) – UI editor for Tailwind CSS and React that edits your code.
- πŸ’Ό [Tailiscope.nvim](https://github.com/danielvolchek/tailiscope.nvim) - Tailwind CSS cheat sheet integrated in Neovim.
- πŸ’ΌπŸŒ [Supertweak](https://supertweak.dev) - Visual devtools for Tailwind CSS.
- πŸ’Ό [Tailscan](https://tailscan.com) - Ultimate devtools for Tailwind CSS v3 with ability to inspect and convert CSS to Tailwind CSS classes.
- πŸ’Ό [Raycast Extension](https://www.raycast.com/vimtor/tailwindcss) - Search classes, documentation and colors in Raycast Launcher.
- πŸ’Ό [DivMagic](https://divmagic.com) - Copy any web element and style as Tailwind CSS component.
- πŸ”§ [re-tailwind](https://github.com/phthhieu/re-tailwind) - ReasonML utility that generates Tailwind classes.
- πŸ”§ [Protoship Codegen](https://protoship.io) - Code generator that creates Tailwind CSS based HTML & CSS from Sketch designs.
- πŸ”§ [create-tailwind-plugin](https://github.com/Landish/create-tailwind-plugin) - Plugin scaffolder for Tailwind CSS.
- πŸ”§ [EasyWind](https://github.com/avencera/easywind) - Tailwind CSS project generator, compiler/watcher and livereload server, all in one.
- πŸš€ [Maizzle](https://maizzle.com/) - Framework for rapid email prototyping with Tailwind CSS.
- 🌍 [Tailwind Cheat Sheet](http://nerdcave.com/tailwind-cheat-sheet) - Tailwind CSS class names cheat sheet.
- 🌍 [Tailwind Cheat Sheet](https://github.com/LeCoupa/awesome-cheatsheets/blob/master/frontend/tailwind.css) - Tailwind CSS class names in one single file.
- 🌍 [Tailwind Cheat Sheet](https://umeshmk.github.io/tailwindcss-cheatsheet) - Tailwind CSS class names, variants and directives cheat sheet.
- 🌍 [Tailwind Cheat Sheet](https://tailwindcomponents.com/cheatsheet) - Tailwind CSS class names in a searchable page.
- 🌍 [Tailwind Cheat Sheet](https://flowbite.com/tools/tailwind-cheat-sheet/) - Tailwind CSS utility class names in a searchable interface.
- πŸŒπŸ”§ [Loopple Builder](https://www.loopple.com/theme/soft-ui-dashboard-tailwind) - Dashboard drag-and-drop builder for Tailwind CSS.
- πŸŒπŸ”§ [Tailwind Grid Generator](https://www.tailwindgen.com/) - Drag and drop Tailwind CSS grid generator.
- πŸŒπŸ”§ [Tailwind Box Shadows Generator](https://manuarora.in/boxshadows) - Box Shadows generator.
- πŸ’°πŸŒπŸ”§ [Windframe](https://www.devwares.com/windframe/) - Tailwind CSS drag and drop builder to rapidly build and prototype websites.

## UI Libraries, Components & Templates

**Legend**: πŸ’™ Official resource Β· πŸ“š Library Β· 🧩 Components Β· πŸ“ Templates
Expand Down

0 comments on commit b25e517

Please sign in to comment.