prettier-plugin-tailwind - Sort tailwind classes in HTML with Prettier.

  •        438

This plugin reads your tailwind.config.js to sort tailwind classes in your project. Other IDE's are supported.

https://github.com/Acidic9/prettier-plugin-tailwind#readme
https://github.com/Acidic9/prettier-plugin-tailwind

Dependencies:

tailwind-classes-sorter : ^0.2.5

Tags
Implementation
License
Platform

   




Related Projects

prettier-plugin-sort-imports - A prettier plugin to sort imports in typescript and javascript files by the provided RegEx order

  •    TypeScript

A prettier plugin to sort import declarations by provided RegEx order. Add an order in prettier config file.

tailwindcss-intellisense - Intelligent Tailwind CSS tooling for Visual Studio Code

  •    TypeScript

Tailwind CSS IntelliSense enhances the Tailwind development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, and linting. In order for the extension to activate you must have tailwindcss installed and a Tailwind config file named tailwind.config.js in your workspace.

tailwind-starter-kit - Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source

  •    CSS

Tailwind Starter Kit is Free and Open Source. It does not change or add any CSS to the already one from TailwindCSS. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue and Angular. Tailwind Starter Kit comes with 120 Fully Coded CSS elements.

Next-js-Blog-Boilerplate - 🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework

  •    TypeScript

🚀 Next.js Blog Boilerplate is starter code for your blog based on Next.js 10+ framework with Tailwind CSS 2.0. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS. Clone this project and use it to create your own Next.js blog. You can check a Next js blog templates demo.


laravel-form-components - A set of Blade components to rapidly build forms with Tailwind CSS (v1

  •    PHP

We proudly support the community by developing Laravel packages and giving them away for free. Keeping track of issues and pull requests takes time, but we're happy to help! If this package saves you time or if you're relying on it professionally, please consider supporting the maintenance and development. If you're using Tailwind, make sure the right plugin (v1 or v2) is installed and configured.

plugin-ruby - Prettier Ruby Plugin

  •    Javascript

@prettier/plugin-ruby is a prettier plugin for the Ruby programming language (versions 2.5 and above). prettier is an opinionated code formatter that supports multiple languages and integrates with most editors. The idea is to eliminate discussions of style in code review and allow developers to get back to thinking about code design instead. To run prettier with the Ruby plugin, you're going to need ruby (version 2.5 or newer) and node (version 8.3 or newer). If you're integrating with a project that is not already using prettier, you should use the ruby gem. Otherwise you can use the npm package directly.

material-tailwind - @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design

  •    Javascript

@material-tailwind is an easy to use components library for Tailwind CSS and Material Design. It features multiple React components, all written with Tailwind CSS classes and Material Design guidelines. Coming soon components for VueJS, Angular and many more. Add this repository to your watch list to get the latest news, or join our newsletter community: https://material-tailwind.com/. Import the tailwind.css into your app.js file. Make sure to import the tailwind.css style sheet after all other style sheets.

notus-nextjs - Notus NextJS: Free Tailwind CSS UI Kit and Admin

  •    Javascript

Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin. Let Notus NextJS amaze you with its cool features and build tools and get your project to a whole new level. Notus NextJS is Free and Open Source. It features multiple HTML and NextJS elements and it comes with dynamic components for NextJS.

notus-react - Notus React: Free Tailwind CSS UI Kit and Admin

  •    Javascript

Start your development with a Free Tailwind CSS and React UI Kit and Admin. Let Notus React amaze you with its cool features and build tools and get your project to a whole new level. Notus React is Free and Open Source. It features multiple HTML and React elements and it comes with dynamic components for React.

vue-notus - Vue Notus: Free Tailwind CSS UI Kit and Admin

  •    Vue

Start your development with a Free Tailwind CSS and VueJS UI Kit and Admin. Let Vue Notus amaze you with its cool features and build tools and get your project to a whole new level. Vue Notus is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS.

tailwindcss - A Tailwind CSS frontend preset for the Laravel Framework

  •    Blade

A Laravel front-end scaffolding preset for Tailwind CSS - a Utility-First CSS Framework for Rapid UI Development. The default tailwind.config.js configuration file included by this package simply uses the config from the Tailwind vendor files. Should you wish to make changes, you should remove the file and run node_modules/.bin/tailwind init, which will generate a fresh configuration file for you, which you are free to change to suit your needs.

notus-svelte - Notus Svelte: Free Tailwind CSS UI Kit and Admin

  •    Svelte

Start your development with a Free Tailwind CSS and Svelte UI Kit and Admin. Let Notus Svelte amaze you with its cool features and build tools and get your project to a whole new level. Notus Svelte is Free and Open Source. It features multiple HTML and Svelte elements and it comes with dynamic components for Svelte.

vim-prettier - A Vim plugin for Prettier

  •    Vim

A vim plugin wrapper for prettier, pre-configured with custom default prettier settings. Note: We are currently working towards a major release on branch release/1.x, while under development bugfixes will be applied to master branch and then ported back to release/1.x branch.

twind - The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

  •    TypeScript

Twind is a small compiler (~13kB) that converts Tailwind classes into actual CSS rules at runtime. If you have used Tailwind or other CSS-in-JS solutions, then most of the API should feel very familiar. Get all the benefits of Tailwind without the need for Tailwind, PostCSS, configuration, purging, or autoprefixing.

eslint-plugin-prettier - ESLint plugin for prettier formatting

  •    Javascript

Runs Prettier as an ESLint rule and reports differences as individual ESLint issues. ./node_modules/.bin/eslint --format codeframe pkg/commons-atom/ActiveEditorRegistry.js (code from nuclide).

plugin-python - Prettier Python Plugin

  •    Javascript

Please note that this plugin is under active development, and might not be ready to run on production code yet. If you're interested in contributing to the development of Prettier for Python, you can follow the CONTRIBUTING guide from Prettier, as it all applies to this repository too.

tailwind - 🔥 A schematic that adds Tailwind CSS to Angular applications

  •    TypeScript

This schematic will add Tailwind CSS to your Angular application. IMPORTANT for AngularCLI users: As of April 06 2021, create-nx-workspace@latest still generates Angular with AngularCLI 11.0.7 which does not have built-in TailwindCSS support. Please update AngularCLI by running ng update @angular/cli before running this schematics.

tailwind-dashboard-template - Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React

  •    Javascript

Mosaic Lite is a responsive dashboard template built on top of TailwindCSS and fully coded in React. It comes with several pre-coded charts (built with Chart.js 3) and widgets, and it's a great starting for anyone who wants to create a user interface for SaaS products, administrator dashboards, modern web apps, and more. Use it for whatever you want, and be sure to reach us out on Twitter if you build anything cool/useful with it.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.