WindExpoRouter Tailwind Templates

Windexporouter

A modern React Native template built with Expo and styled using NativeWind (Tailwind CSS) to deliver a sleek, modern tab navigation experience.

WindExpoRouter 🚀

A modern React Native template built with Expo and styled using NativeWind (Tailwind CSS) to deliver a sleek, modern tab navigation experience.

🚀 Features

  • Expo SDK 50 – Experience the latest features and performance boosts.
  • NativeWind (Tailwind CSS) – Style your application using utility-first classes.
  • React Navigation with Bottom Tabs – Enjoy smooth and intuitive navigation.
  • Modern JavaScript – Clean and maintainable code without the need for TypeScript.
  • Sleek Tab Navigation – Intuitive screens ready for customization.

🔧 Getting Started

  1. Clone the Repository:
    git clone [<repository-url>](https://github.com/devnolife/WindExpoRouter)
    
  2. Install dependencies:
    npm install
    
  3. Start the development server:
    npm start
    

Project Structure

  • App.js - Main application file with tab navigation setup
  • tailwind.config.js - Tailwind CSS configuration
  • babel.config.js - Babel configuration for Expo and NativeWind

Available Scripts

  • npm start - Start the Expo development server
  • npm run android - Start the app on Android
  • npm run ios - Start the app on iOS
  • npm run web - Start the app in web browser

Customization

  1. Modify the tab screens in App.js
  2. Add new screens in the app directory
  3. Customize styles using Tailwind CSS classes
  4. Update the theme in tailwind.config.js

Top categories

Loading Svelte Themes