https://github.com/ashgole/r3f_landing_page

This project showcases various pet animals using **Next.js** and **React Three Fiber**. It provides an interactive 3D experience, allowing users to explore different breeds of pets in a visually appealing manner
https://github.com/ashgole/r3f_landing_page

3d-visualization nextjs r3f react react-three-fiber threejs

Last synced: 2 months ago
JSON representation

This project showcases various pet animals using **Next.js** and **React Three Fiber**. It provides an interactive 3D experience, allowing users to explore different breeds of pets in a visually appealing manner

• Host: GitHub
• URL: https://github.com/ashgole/r3f_landing_page
• Owner: ashgole
• Created: 2024-09-28T08:46:08.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-06T05:13:20.000Z (over 1 year ago)
• Last Synced: 2025-06-18T00:45:44.884Z (about 1 year ago)
• Topics: 3d-visualization, nextjs, r3f, react, react-three-fiber, threejs
• Language: JavaScript
• Homepage: https://ashgole.github.io/r3f_landing_page/
• Size: 16 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  





 We offer freelance web development using 
 MERN, NextJS and ThreeJS.



# ASHABB Landing Page using React Three Fiber

### This project showcases various pet animals using **Next.js** and **React Three Fiber**. It provides an interactive 3D experience, allowing users to explore different breeds of pets in a visually appealing manner.

## Resource links

webapp : https://ashgole.github.io/r3f_landing_page

Github : https://github.com/ashgole/r3f_landing_page

## Tags

`Next.js`, `TailwindCSS`, `React`, `Stock Management`, `CRUD`, `API`, `Debouncing`, `SSR`, `Server-side Rendering`, `Responsive Design`, `Fetch API`, `Product Management`, `Vercel Deployment`, `Frontend Development`

## Screenshots

![page 0](https://github.com/ashgole/r3f_landing_page/blob/main/screenshots/0.png)

![page 1](https://github.com/ashgole/r3f_landing_page/blob/main/screenshots/1.png)

![page 2](https://github.com/ashgole/r3f_landing_page/blob/main/screenshots/2.png)

![page 3](https://github.com/ashgole/r3f_landing_page/blob/main/screenshots/3.png)

![page 4](https://github.com/ashgole/r3f_landing_page/blob/main/screenshots/4.png)

## how to run

```

git clone https://github.com/ashgole/r3f_landing_page.git

cd r3f_landing_page

npm i

npm run dev

```