🎖️ React TypeScript Tailwind CSS Modern Tabs Design 🎖️

This is a React project with TypeScript and Tailwind CSS for styling. It features tabs with three categories: Movies, Apps, and Books. Each tab displays a grid of elements with three tiles per row, featuring smooth transitions between them.

🔥🔥🔥🔥 Demo 🔥🔥🔥🔥

Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

git clone [email protected]:pygaurav/react-tailwind-modern-tabs.git

2. Navigate to the project directory:

cd react-tailwind-modern-tabs

3. Install the dependencies using npm or yarn:

npm install

or

yarn install

4. Start the development server:

npm run dev

or

yarn dev

5. Open your browser and visit http://localhost:5173 to view the project.

Usage

• Click on the tabs (Movies, Apps, Books) to navigate between categories.
• Each category displays a grid with three tiles per row.
• Enjoy the smooth transitions and animations for a polished user interface.

Technologies

• React
• TypeScript
• Tailwind CSS

Features

• Three tabs: Movies, Apps, and Books.
• Grid layout with three tiles per row for each category.
• Smooth transitions and animations for a polished user interface.
• Responsive design for various screen sizes.

License

This project is licensed under the MIT License. See the LICENSE file for details.