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

https://github.com/rip3rq/portfolio-next-v3

A modern, cosmic-themed portfolio leveraging the latest technologies in Next.js. This project embraces cutting-edge UI trends and incorporates state-of-the-art libraries such as Shadcn and ACernity for an exceptional user interface and experience.
https://github.com/rip3rq/portfolio-next-v3

acernity-ui nextjs react resend shadcn-ui tailwindcss typescript ui-design

Last synced: 4 months ago
JSON representation

A modern, cosmic-themed portfolio leveraging the latest technologies in Next.js. This project embraces cutting-edge UI trends and incorporates state-of-the-art libraries such as Shadcn and ACernity for an exceptional user interface and experience.

Awesome Lists containing this project

README

        

# 🪐 Cosmis Themed Next.js Portfolio 🌑

## Description

This is a modern, one-page portfolio website built using the latest version of Next.js. The site features a cosmic theme and leverages cutting-edge UI trends. Amazing animations are provided by Framer Motion and Aceternity UI, while styling is handled by TailwindCSS and the Shadcn UI library. The project aims to deliver a visually stunning and highly interactive user experience.

## Tech stack

- **NextJs 14**
- **React**
- **Typescript**
- **Tailwindcss**
- **Shadcn UI**
- **Aceternity UI**
- **Resend**
- **Three.js**
- **Framer-motion**

## Features

- **Cosmic Theme**: An out-of-this-world design that captivates users with its unique aesthetic.
- **Advanced Animations**: Leveraging Framer Motion for delightful and interactive animations.
- **Modern UI**: Styled with TailwindCSS and using components from Shadcn UI and Aceternity UI to follow the latest design trends.
- **3D Graphics**: Integrating Three.js for stunning 3D visual effects.
- **Email Integration**: Utilizing Resend for seamless email functionalities.

## Installation

Install and run "Cosmic-portfolio" with pnpm:

```bash
cd [Project_name]
pnpm i
pnpm run dev
```

## Environment Variables

`RESEND_API_KEY` =

### Screenshots

![App Screenshot](https://raw.githubusercontent.com/RiP3rQ/Portfolio-Next-v3/main/public/screens/1.png?token=GHSAT0AAAAAACPABZMBNTL3DSXL2GPNVKXGZUFZLHQ)

![App Screenshot](https://raw.githubusercontent.com/RiP3rQ/Portfolio-Next-v3/main/public/screens/2.png?token=GHSAT0AAAAAACPABZMACI7XM6CLOQ77GBLEZUFZLXQ)

![App Screenshot](https://raw.githubusercontent.com/RiP3rQ/Portfolio-Next-v3/main/public/screens/3.png?token=GHSAT0AAAAAACPABZMB3GLHXLTUDNH56A7WZUFZLZA)

![App Screenshot](https://raw.githubusercontent.com/RiP3rQ/Portfolio-Next-v3/main/public/screens/4.png?token=GHSAT0AAAAAACPABZMADNOZWIY7WKV7IY44ZUFZL2Q)

![App Screenshot](https://raw.githubusercontent.com/RiP3rQ/Portfolio-Next-v3/main/public/screens/5.png?token=GHSAT0AAAAAACPABZMBBUK4A5KMWA2R4QYCZUFZL5Q)

![App Screenshot](https://raw.githubusercontent.com/RiP3rQ/Portfolio-Next-v3/main/public/screens/6.png?token=GHSAT0AAAAAACPABZMATOETT72EIOZSUEUOZUFZL6Q)