Skip to content

Template to make expo apps for mobile and web browser with tailwind, router and ts support

Notifications You must be signed in to change notification settings

mrwyndham/expo-nativewind-template

Repository files navigation

Expo NativeWind Template

An Opinionated Way to Build a React Native App

The Expo NativeWind Template is designed to provide you with a fast and efficient starting point for building React Native applications. This template follows a set of opinions to streamline your development process and ensure consistency across mobile and web platforms.

Features

  • Tailwind CSS for Styling: Tailwind CSS is a highly customizable and utility-first CSS framework. With this template, you can easily style your components using Tailwind classes, making your UI development faster and more consistent.

  • Expo-Router for Navigation: Expo-Router simplifies navigation in your React Native app. It provides a straightforward way to manage your app's routing, ensuring smooth transitions between screens.

  • Mobile and Web Compatibility: This template is optimized for both mobile and web platforms. You can develop and test your app on multiple devices, including web browsers, without major modifications.

Getting Started

To create a new project using this template, follow these steps:

  1. Open your terminal.

  2. Run the following command to create a new Expo project based on this template:

    expo init my-app --template @sign365/expo-nativewind-template
  3. Navigate to your project directory:

    cd my-app
  4. Start your development server:

    expo start

Project Structure

The project structure follows a typical React Native layout, with additional configuration for Tailwind CSS and Expo-Router. You can find the core project files and directories in the src folder.

Customization

Feel free to customize the template to suit your specific project requirements. You can modify styling, add components, and expand your app's functionality as needed. The included Tailwind CSS setup and Expo-Router integration provide a strong foundation for building a polished mobile and web application.

Documentation

For more information on using Tailwind CSS, Expo-Router, or Expo in general, please refer to their official documentation:

Feedback and Contributions

We welcome feedback and contributions from the community. If you have suggestions for improvements or run into any issues with this template, please don't hesitate to open an issue or submit a pull request on our GitHub repository.

Sponsors

Anyone who wishes to sponsor this package. Just let me know and I will add you on

License

This template is open-source and available under the MIT License. You are free to use, modify, and distribute it as per the terms of the license.

Happy coding with Expo NativeWind Template!

About

Template to make expo apps for mobile and web browser with tailwind, router and ts support

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published