Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/frontendadvance/next-js-14-personal-portfolio-website-using-framer-motion

Next js 14 Personal Portfolio Website Using Framer Motion | Next js Beginner Project
https://github.com/frontendadvance/next-js-14-personal-portfolio-website-using-framer-motion

animation animation-effects framer-motion nextjs nextjs-template nextjs14 tailwindcss

Last synced: 5 days ago
JSON representation

Next js 14 Personal Portfolio Website Using Framer Motion | Next js Beginner Project

Awesome Lists containing this project

README

        

![Next-js-14-Personal-Portfolio-Website-Using-Framer-Motion](https://github.com/user-attachments/assets/13fc3765-26a0-4b43-b0ec-31bff2831355)

In this post, you will learn to Build Next js 14 Portfolio Website Using React JS, React Slick, Framer Motion. Just follow the steps and run examples!

Next JS: Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations. Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more.

React JS: React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript.

Framer Motion: Framer Motion provides the AnimatePresence component to keep components in the DOM while they perform an exit animation.