create-expo-tailwind-app

A CLI tool to bootstrap a new Expo project with TailwindCSS + NativeWind configured out of the box.

Features

• Creates a fresh Expo project
• Installs and configures NativeWind + TailwindCSS
• Sets up babel.config.js, metro.config.js, and global.css
• Auto Import global.css in _layout.tsx file
• Generates TypeScript type definitions for NativeWind
• Adds Prettier Tailwind plugin for clean code formatting

Usage

Run the following command:

npx create-expo-tailwind-app my-app

What it does

This CLI tool will:

1. Create a new Expo project with TypeScript template
2. Install NativeWind and required dependencies
3. Configure TailwindCSS with proper content paths
4. Set up Babel with NativeWind preset
5. Configure Metro for CSS processing
6. Create global.css with Tailwind directives
7. Auto-import global.css in your app layout
8. Add TypeScript types for NativeWind

Requirements

• Node.js 18 or higher
• npm or yarn

Example

npx create-expo-tailwind-app my-awesome-app
cd my-awesome-app
npm run start

Your new app will be ready to use with TailwindCSS classes like className="bg-blue-500 text-white p-4 rounded-lg"!