Skip to content

GamalSamadov/3D-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

41 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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

πŸ“Έ Screenshots

Hero:

Hero

About:

Hero

Get in touch:

Hero

πŸ› οΈ Technologies Used

Here are the main technologies used in this project:

  • Next.js Logo TypeScript
  • Next.js Logo Next.js 15
  • Three.js Logo Three.js
  • Framer Motion Logo Framer Motion
  • Framer Motion Logo Lenis
  • Tailwind CSS Logo Tailwind CSS
  • SASS Logo SASS

πŸš€ Getting Started

Follow these steps to run the project locally:

  1. Clone the repository

    git clone https://github.com/gamalsamadov/portfolio.git
  2. Install dependencies

    cd portfolio
    npm install
  3. Run the development server

    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!

About

Developer's Creative Toolkit: A Modern Web Experience. πŸš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published