anyme-v2 Tailwind Templates

Anyme V2

A modern, responsive anime information hub built with Next.js, TypeScript, and Tailwind CSS. Discover, track, and bookmark your favorite anime effortlessly.

AnyMe - Your Ultimate Anime Hub 🌸

anyme

🌟 Introduction

AnyMe is your go-to anime hub, where you can explore, discover, and track your favorite shows effortlessly. Find the best recommendations and explore new anime by genre, popularity, or trends.

🧰 Tech Stack

  • Next.js: A React framework for building server-side rendered applications.
  • TypeScript: JavaScript with static typing for better developer experience and code quality.
  • Tailwind CSS: A utility-first CSS framework for creating responsive and modern designs.
  • ShadCN: A set of accessible, high-quality UI components built with React and Tailwind CSS for fast, modern design.
  • React Query: A library for fetching, caching, and syncing server data in React applications.
  • Axios: A promise-based HTTP client for making requests to external APIs.

✨ Key Features

  • 🖥️ Modern Stack: Built with Next.js, TypeScript, and Tailwind CSS for a responsive and elegant design.
  • 📚 Comprehensive Anime Information: Access detailed information on anime titles, including synopses, genres, total episodes, and more.
  • 🏠 Home: Discover the latest and most popular anime collections.
  • 🌟 Top Anime: Find the top-rated anime titles.
  • 🍂 Seasonal Anime: Browse anime based on the current season.
  • 📺 Top Airing: Watch currently airing anime.
  • 📅 Top Upcoming: Explore highly anticipated, upcoming anime titles.
  • 🎬 Top Movies: Access complete information on top anime movies.
  • 🔥 Most Popular: Explore the most popular anime, ranked by fans.
  • 💖 Most Favorited: Discover the anime that fans have marked as their favorites.
  • 🎭 Anime by Genre: Select anime based on your preferred genre.
  • 🔍 Search: Quickly find any anime title with the search feature.
  • 🔖 Bookmark: Save your favorite anime for easy access.
  • 📱 Responsive Design: Enjoy a seamless experience on various devices and screen sizes.

⚙️ Prerequisites

  • Node.js
  • npm or yarn or pnpm or bun for package management

🛠️ Installation

Follow the steps below to set up the project locally.

  1. Clone this repository:

    https://github.com/rfkyalf/anyme-v2.git
    
  2. Navigate to the project directory:

    cd anyme-v2
    
  3. Install the dependencies:

    npm install
    

🚀 Usage

  1. Start the development server:

    npm run dev
    
  2. Access the application in your browser at http://localhost:3000.

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes