Flutter Tailwind v4

A Flutter package that brings Tailwind CSS-like utility classes to Flutter widgets, enabling rapid UI development with a familiar utility-first approach. This package provides a comprehensive set of utilities that can be chained together to create complex layouts and styles.

Features

• Utility-First Styling: Apply Tailwind-style classes directly to Flutter widgets
• Responsive Design:
  • Built-in breakpoint system (sm, md, lg, xl, 2xl, 3xl, 4xl)
  • Responsive utilities that adapt to screen sizes
• Rich Color System:
  • Complete Tailwind v4 color palette
  • Support for custom color schemes
  • Dark mode color variants
• Layout Utilities:
  • Flexbox and Grid systems
  • Spacing (padding, margin)
  • Positioning
  • Display properties
• Typography:
  • Font sizes and weights
  • Text alignment and decoration
  • Line height and letter spacing
• Visual Effects:
  • Shadows and elevation
  • Border radius and styles
  • Opacity and visibility
  • Gradients
• Interactive States:
  • Hover and focus effects
  • Active and disabled states

Getting Started

Installation

Add this to your pubspec.yaml:

dependencies:
  flutter_tailwind: ^0.1.0