kevinlangkevinlang
65

Phx_gen_tailwind

screenshot of Phx_gen_tailwind

Mix task to add Tailwind CSS to a new Phoenix 1.6+ project

Github

Overview

PhxGenTailwind is a powerful tool designed to streamline the process of integrating Tailwind CSS into your Phoenix 1.6+ projects. This efficient solution simplifies setup and enhances your development experience, allowing you to leverage the utility-first CSS framework seamlessly within your existing Phoenix applications.

Setting up PhxGenTailwind is straightforward, making it an ideal choice for developers looking to elevate their UI design without hassle. With just a few commands, you can get Tailwind up and running, ensuring your project is equipped with modern styling capabilities from the start.

Features

  • Easy Installation: Simply add it to your mix.exs file for quick integration into your project.
  • Works with Umbrella Projects: Specifically designed to function well within umbrella setups by installing directly in your Phoenix app web directory.
  • Command Line Setup: Run mix phx.gen.tailwind from your project root to get Tailwind CSS set up rapidly.
  • Phoenix Compatibility: Tailored for use with Phoenix 1.6 and newer versions, ensuring optimal performance and compatibility.
  • Streamlined Workflow: Optimizes your development process by allowing immediate use of Tailwind CSS for styling.