@float.js/core 2.0.7 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -12,6 +12,7 @@ Float.js is a blazing-fast, full-stack React framework with file-based routing,
12
12
  - 📡 **API Routes** - Crea APIs con archivos `route.ts`
13
13
  - 🤖 **AI Ready** - Soporte nativo para streaming con OpenAI/Anthropic
14
14
  - 📊 **Dev Dashboard** - Panel de desarrollo en `/__float`
15
+ - 🎨 **Tailwind CSS** - Auto-setup automático con PostCSS
15
16
 
16
17
  ## Quick Start
17
18
 
@@ -71,6 +72,33 @@ export function POST(request: Request) {
71
72
  }
72
73
  ```
73
74
 
75
+ ## Tailwind CSS
76
+
77
+ Float.js automatically sets up Tailwind CSS when you run `float dev`. If Tailwind isn't configured, it will:
78
+
79
+ 1. Create `tailwind.config.js`
80
+ 2. Create `postcss.config.js`
81
+ 3. Create `app/globals.css` with Tailwind directives
82
+ 4. Create `app/layout.tsx` to import global styles
83
+
84
+ Install Tailwind dependencies:
85
+
86
+ ```bash
87
+ npm install -D tailwindcss postcss autoprefixer
88
+ ```
89
+
90
+ Your components will automatically use Tailwind classes:
91
+
92
+ ```tsx
93
+ export default function Home() {
94
+ return (
95
+ <div className="flex items-center justify-center min-h-screen">
96
+ <h1 className="text-4xl font-bold text-blue-600">Hello Float!</h1>
97
+ </div>
98
+ )
99
+ }
100
+ ```
101
+
74
102
  ## CLI Commands
75
103
 
76
104
  | Command | Description |