--- title: A CLI tool to bootstrap a new Expo project with... description: A command-line tool scaffolds a new Expo project with TailwindCSS and NativeWind pre-configured, including Babel and Metro setup, a global.css file with... canonical: https://daily.dev/posts/a-cli-tool-to-bootstrap-a-new-expo-project-with-tailwindcss-nativewind-configured-out-of-the-box--hecaikndm twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: A CLI tool to bootstrap a new Expo project with TailwindCSS + NativeWind configured out of the box. | daily.dev og:description: A command-line tool scaffolds a new Expo project with TailwindCSS and NativeWind pre-configured, including Babel and Metro setup, a global.css file with... og:url: https://daily.dev/posts/a-cli-tool-to-bootstrap-a-new-expo-project-with-tailwindcss-nativewind-configured-out-of-the-box--hecaikndm og:image: https://api.daily.dev/og/posts/hECAIKNDm.png og:image:alt: A CLI tool to bootstrap a new Expo project with TailwindCSS + NativeWind configured out of the box. og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # A CLI tool to bootstrap a new Expo project with TailwindCSS + NativeWind configured out of the box. **[React Native](https://daily.dev/sources/rndevs)** · [@rohitchaware](https://daily.dev/rohitchaware) · 2 min read · 1 upvotes · 1 comments ## Summary A command-line tool scaffolds a new Expo project with TailwindCSS and NativeWind pre-configured, including Babel and Metro setup, a global.css file with Tailwind directives auto-imported into the app layout, generated TypeScript types for NativeWind, and a Prettier Tailwind plugin. Requires Node.js 18 or higher and is run via a single npx command. ## Content # 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-imports `global.css` in `_layout.tsx` file - Generates TypeScript type definitions for NativeWind - Adds Prettier Tailwind plugin for clean code formatting ## What it does This CLI tool will: - **Create a new Expo project** with TypeScript template - **Install NativeWind** and required dependencies - **Configure TailwindCSS** with proper content paths - **Set up Babel** with NativeWind preset - **Configure Metro** for CSS processing - **Create `global.css`** with Tailwind directives - **Auto-import** `global.css` in your app layout - **Add TypeScript types** for NativeWind ## Requirements - Node.js **18 or higher** - npm or yarn ## Example ```bash npx create-expo-tailwind-app my-awesome-app cd my-awesome-app npm run start ```# 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-imports `global.css` in `_layout.tsx` file - Generates TypeScript type definitions for NativeWind - Adds Prettier Tailwind plugin for clean code formatting ## What it does This CLI tool will: - **Create a new Expo project** with TypeScript template - **Install NativeWind** and required dependencies - **Configure TailwindCSS** with proper content paths - **Set up Babel** with NativeWind preset - **Configure Metro** for CSS processing - **Create `global.css`** with Tailwind directives - **Auto-import** `global.css` in your app layout - **Add TypeScript types** for NativeWind ## Requirements - Node.js **18 or higher** - npm or yarn ## Example ```bash npx create-expo-tailwind-app my-awesome-app cd my-awesome-app npm run start ``` ## Community discussion Top comments from developers on daily.dev. **@kc900201** · 0 upvotes > Is this like an official plugin to the latest Expo? Is this compatible to Expo ^5.6 above? What if we want to update our existing ReactNative framework to tailwind + NativeWind? ## Similar posts on daily.dev - [Nativewind: Speeding up Styling in React Native](https://daily.dev/posts/nativewind-speeding-up-styling-in-react-native-mw3r9r8lv) · Hashrocket · 0 upvotes · 0 comments - [Tailwind duct-tape wallets](https://daily.dev/posts/tailwind-duct-tape-wallets-phluy8lgq) · Bytes by ui.dev · 2 upvotes · 0 comments - [Sharing Tailwind CSS Styles Across Apps in a Monorepo](https://daily.dev/posts/sharing-tailwind-css-styles-across-apps-in-a-monorepo-hdgz8er02) · Nx · 15 upvotes · 1 comments - [How to Use the tailwind-sidebar NPM Package in Your React and Next.js Apps](https://daily.dev/posts/how-to-use-the-tailwind-sidebar-npm-package-in-your-react-and-next-js-apps-1ff1hijgn) · freeCodeCamp · 23 upvotes · 1 comments --- Tags: [#cli](https://daily.dev/tags/cli), [#react-native](https://daily.dev/tags/react-native), [#tailwind-css](https://daily.dev/tags/tailwind-css) [View this post on daily.dev](https://daily.dev/posts/a-cli-tool-to-bootstrap-a-new-expo-project-with-tailwindcss-nativewind-configured-out-of-the-box--hecaikndm) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/a-cli-tool-to-bootstrap-a-new-expo-project-with-tailwindcss-nativewind-configured-out-of-the-box--hecaikndm","headline":"A CLI tool to bootstrap a new Expo project with TailwindCSS + NativeWind configured out of the box.","text":"A command-line tool scaffolds a new Expo project with TailwindCSS and NativeWind pre-configured, including Babel and Metro setup, a global.css file with Tailwind directives auto-imported into the app layout, generated TypeScript types for NativeWind, and a Prettier Tailwind plugin. Requires Node.js 18 or higher and is run via a single npx command.","url":"https://daily.dev/posts/a-cli-tool-to-bootstrap-a-new-expo-project-with-tailwindcss-nativewind-configured-out-of-the-box--hecaikndm","datePublished":"2026-08-19T18:29:01.094Z","dateModified":"2026-09-13T21:06:14.855Z","author":{"@type":"Person","name":"Rohit Chaware","url":"https://daily.dev/rohitchaware","image":"https://lh3.googleusercontent.com/a/ACg8ocI-KB0xPNFu2Z90UU07htwL9C028SRXuHKBkThDA58zECEoWMXu=s96-c","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":20}},"image":"https://media.daily.dev/image/upload/s--5LIyOKtj--/f_auto/v1767417084/posts/NMWoZMzxx?_a=BAMAK+ZW0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"comment":[{"@type":"Comment","text":"Is this like an official plugin to the latest Expo? Is this compatible to Expo ^5.6 above? What if we want to update our existing ReactNative framework to tailwind + NativeWind?","datePublished":"2026-09-10T01:43:31.160Z","url":"https://daily.dev/posts/hECAIKNDm#c-k3wAB7WLS","author":{"@type":"Person","name":"KC","url":"https://daily.dev/kc900201","image":"https://avatars.githubusercontent.com/u/46585072?v=4"}}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/rndevs","name":"React Native"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"React Native","item":"https://daily.dev/squads/rndevs"},{"@type":"ListItem","position":3,"name":"A CLI tool to bootstrap a new Expo project with TailwindCSS + NativeWind configured out of the box."}]} ```