https://github.com/tanmayvaij/react-native-tailwind-v4-template
Template for using Tailwind CSS (via NativeWind v4) in React Native applications. NativeWind allows you to apply Tailwind's utility-first approach to style your mobile app efficiently, enabling rapid development with responsive, consistent styling
https://github.com/tanmayvaij/react-native-tailwind-v4-template
css expo nativewind react-native tailwind tailwind-css tailwind-template tailwindcss
Last synced: 2 months ago
JSON representation
Template for using Tailwind CSS (via NativeWind v4) in React Native applications. NativeWind allows you to apply Tailwind's utility-first approach to style your mobile app efficiently, enabling rapid development with responsive, consistent styling
- Host: GitHub
- URL: https://github.com/tanmayvaij/react-native-tailwind-v4-template
- Owner: tanmayvaij
- Created: 2024-08-18T12:36:04.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-22T10:37:58.000Z (over 1 year ago)
- Last Synced: 2025-01-21T21:47:34.879Z (over 1 year ago)
- Topics: css, expo, nativewind, react-native, tailwind, tailwind-css, tailwind-template, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 354 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Native Tailwind v4 Template
This repository provides a template for using **Tailwind CSS** (via NativeWind v4) in React Native applications. NativeWind allows you to apply Tailwind's utility-first approach to style your mobile app efficiently, enabling rapid development with responsive, consistent styling.
## Features
- **Tailwind CSS for React Native**: Use familiar Tailwind utility classes to style your app components.
- **Responsive Design**: Create layouts that adapt seamlessly to different screen sizes.
- **Easy Integration**: Preconfigured for NativeWind v4, offering quick setup for both iOS and Android.
## Setup Instructions
### Steps
1. **Clone the Repository**
Clone this template to your local machine:
```bash
git clone https://github.com/tanmayvaij/react-native-tailwind-v4-template.git
```
2. **Install Dependencies**
Navigate to the project directory and install required dependencies:
```bash
cd react-native-tailwind-v4-template
yarn
```
3. **Run the Application**
To launch the app on an emulator or connected device, run:
```bash
yarn start
```
## Usage
To customize styles, modify the components in the `src` folder using Tailwind utility classes. Example:
```js
import { View, Text } from 'react-native';
export default function App() {
return (
React Native NativeWind Example
);
}
```
## Documentation
For more details, refer to the [NativeWind documentation](https://www.nativewind.dev/docs).