Personal Portfolio Template ( Next.js, ShadcnUI, TailwindCSS & Framer Motion )

Are you finding it challenging to build a professional portfolio website? Don’t worry! With the Developer Portfolio template, you can effortlessly create a personalized portfolio that suits your style. Designed for ease of use and customization, this template is ideal for both developers and freelancers. Start building your portfolio today!

Website preview

⭐ Star me on GitHub — it helps!

Features 📋

⚡️ Fully Responsive
⚡️ Next.js, Shadcn/ui, TailwindCSS
⚡️ Animation using Framer Motion
⚡️ Easy to modify

Sections 🔖

✔️ Home
✔️ Services
✔️ Resume
✔️ Work
✔️ Contact

Installation ⬇️

You will need to download Git and Node to run this project

• Git
• Node

Ensure that your computer has the stable or latest versions of both Git and Node installed.

node --version
git --version

Getting Started 🎯

Fork and Clone the repo

To Fork the repo click on the fork button at the top right of the page. Once the repo is forked open your terminal and perform the following commands

git clone https://github.com/<YOUR GITHUB USERNAME>/portfolio-template.git

cd portfolio-template

Install packages from the root directory

npm install
# or
yarn

Then, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Tools Used 🛠️

• Shadcn - Customizable component library for building modern web apps.
• Tailwind CSS - Utility-first CSS framework with predefined classes.
• Motion - A modern animation library for JavaScript and React
• Swiper - The most modern mobile touch slider

Contributing 💡

Step 1

• Option 1

  • 🍴 Fork this repo!

• Option 2

  • 👯 Clone this repo to your local machine.

Step 2

• Build your code 🔨🔨🔨

Step 3

• 🔃 Create a new pull request.

License 📄

This project is licensed under the MIT License - see the LICENSE.md file for details.