Iman Mohammadi — Founder of Raya UI & Design Engineer

The personal portfolio and source code of Iman Mohammadi, Founder of Raya UI and Sole Frontend Developer of Hotelyar and Woodcoder.

This high-performance website is crafted with Nuxt 4, Tailwind CSS 4, and Three.js, showcasing a clean grid-based layout, smooth GSAP animations, and an immersive 3D particle background.

✨ Features

• 3D Interactive Background: Custom Three.js particle sphere with mouse parallax and scroll-based deformations.
• Modern Styling: Built with the latest Tailwind CSS v4 using the new CSS-first configuration (@theme).
• Animations: Smooth transitions and micro-interactions powered by GSAP.
• UI Components: polished components using Nuxt UI v4.
• Dark/Light Mode: Fully responsive theme switching.
• Type Safe: Written in TypeScript for robustness.

🛠 Tech Stack

• Framework: Nuxt 4 & Vue 3
• Styling: Tailwind CSS 4 & Nuxt UI
• 3D & Animation: Three.js & GSAP
• Icons: Nuxt Icon (Lucide, Simple Icons)
• Package Manager: pnpm

🚀 Getting Started

This project uses pnpm as its package manager.

Prerequisites

• Node.js (v20 or v22+ recommended)
• pnpm installed (npm install -g pnpm)

Installation

1. Clone the repository:

   git clone [https://github.com/iman-mohamadi/portfolio.git](https://github.com/iman-mohamadi/portfolio.git)
   cd portfolio