Skip to content

Repository files navigation

AniHub

A Next.js + Tailwind + Framer Motion app for learning and experimenting with animations and Next.js Server Actions.

AniHub is a frontend project built to explore and demonstrate smooth UI transitions using Framer Motion, integrated into a Next.js application with Server Actions and modern styling via Tailwind CSS.


🚀 Live Demo

👉 https://anihubpd.vercel.app/


📌 Key Features

  • Built with Next.js (App Router)
  • Uses Framer Motion for animation effects
  • Styled with Tailwind CSS
  • Demonstrates integration of Next.js Server Actions
  • Written in TypeScript for type safety

This is not a full product. It is a focused learning playground for UI animations and modern Next.js patterns.


📂 Repository Structure

/public
/src
  /app              
  /components       
.eslintrc.json
next.config.js
tailwind.config.ts
tsconfig.json
package.json

public/ — static assets.

src/app/ — pages and layouts.

src/components/ — animation examples with Framer Motion.

🛠️ Getting Started

Clone the repository and run the development server:

git clone https://github.com/Prathamdas3/anihub.git
cd anihub
pnpm install   # or npm / yarn
pnpm dev

Open http://localhost:3000 in your browser.

📌 Tech Stack

  • Next.js
  • Framer Motion
  • Tailwind CSS
  • TypeScript
  • Vercel (deployment)

📎 Deployment

Deployed using Vercel with automatic builds on pushes to the main branch.

📜 License

MIT © Pratham Das

About

This is a web site to learn about the framer motion along with next js server action

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages