https://github.com/gamalsamadov/3d-portfolio

Developer's Creative Toolkit: A Modern Web Experience. 🚀
https://github.com/gamalsamadov/3d-portfolio

3d framer-motion lenis-scroll nextjs scss tailwindcss threejs typescript

Last synced: 3 months ago
JSON representation

Developer's Creative Toolkit: A Modern Web Experience. 🚀

• Host: GitHub
• URL: https://github.com/gamalsamadov/3d-portfolio
• Owner: GamalSamadov
• Created: 2024-12-16T12:58:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-13T10:11:34.000Z (about 1 year ago)
• Last Synced: 2025-05-13T11:25:21.351Z (about 1 year ago)
• Topics: 3d, framer-motion, lenis-scroll, nextjs, scss, tailwindcss, threejs, typescript
• Language: SCSS
• Homepage: https://samadov.dev
• Size: 6.2 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 3D Creative Portfolio 🚀

Ignite your personal brand with a blazing-fast that merges slick animations, razor-sharp code, and bold visuals into one interactive stage—built to prove your skills and creativity at a glance.

---

## 🌟 Give Me a Star

If you find this project helpful, please consider **starring** ⭐ this repository — it motivates me to create more content and helps others discover it too!

---

## ✨ Features

- **Interactive 3D Models** 🌀 Built with Three.js to captivate users with immersive visuals.

- **Blazing Fast** ⚡ Engineered with Next.js 15 for optimal performance and responsiveness.

- **Modern Design** 🎨 Styled using Tailwind CSS and SASS for a sleek, professional look.

- **Smooth Animations** ✨ Powered by Framer Motion to deliver seamless and engaging transitions.

- **Smooth Scrolling** ✨ Enhanced with Lenis for a smooth scrolling experience.

- **Animated 3D Element** 🧬 Dynamic visuals that respond to scrolling, creating a memorable user experience.

- **Horizontal Scroll Animations** 🌟 Adds a unique layer of interactivity to the design.

🚀 Coming Soon:

- 1️⃣ ✨ New experience section.

- 2️⃣ 📂 More projects showcased.

- 3️⃣ 🎬 Smooth on-load animations.

- 4️⃣ 🌀 Extra animations for the 3D element.

## 🌐 Live Demo

Check out the live portfolio here!

[samadov.dev](https://samadov.dev)

## 📸 Screenshots

**Hero:**



**About:**



**Get in touch:**



## 🛠️ Technologies Used

Here are the main technologies used in this project:

-  **TypeScript**

-  **Next.js 15**

-  **Three.js**

-  **Framer Motion**

-  **Lenis**

-  **Tailwind CSS**

-  **SASS**

## 🚀 Getting Started

Follow these steps to run the project locally:

1. **Clone the repository**

   ```bash

   git clone https://github.com/gamalsamadov/portfolio.git

   ```

2. **Install dependencies**

   ```bash

   cd portfolio

   npm install

   ```

3. **Run the development server**

   ```bash

   npm run dev

   ```

4. **Open your browser**

   Navigate to `http://localhost:3000` to view the project.

## 💡 Customization

You can customize this portfolio to make it your own! Modify components, update animations, or add new 3D models to make it unique.

## 🤝 Contributing

You can fix the repo and submit a pull request if you'd like to contribute. Let's make this project even better together! 🌟

## 📫 Contact

Feel free to reach out to me if you have any questions or feedback!

- Email: info@samadov.dev

- Instagram: [@samadov.dev](https://www.instagram.com/janob.dev/)

- LinkedIn: [En. Samadov J.](https://linkedin.com/in/gamalsamadov)