This ReactJS-Vite project includes:
Vite - next-generation, front-end tool that focuses on speed and performance
ThreeJS - a powerful 3D graphics library for rendering and animating the 3D model
React Three Fiber - a popular library for creating 3D graphics with ThreeJS in React
TailwindCSS - a popular utility-first CSS styling framework
Framer Motion - the most popular library used to bring your React website to life with animations
For start project:
- npm install
- npm run dev
- If got error for THREE run this: npm install --legacy-peer-deps three
This was in git ignore: .vscode/* !.vscode/extensions.json
colors for vsCode: { "workbench.colorCustomizations": { "activityBar.activeBackground": "#2dd459", "activityBar.background": "#e47635", "activityBar.foreground": "#15202b", "activityBar.inactiveForeground": "#15202b99", "activityBarBadge.background": "#03bbdc", "activityBarBadge.foreground": "#15202b", "commandCenter.border": "#15202b99", "sash.hoverBorder": "#2dd459", "statusBar.background": "#e9fe7d", "statusBar.foreground": "#15202b", "statusBarItem.hoverBackground": "#2dd459", "statusBarItem.remoteBackground": "#2dd459", "statusBarItem.remoteForeground": "#15202b", "titleBar.activeBackground": "#c23197", "titleBar.activeForeground": "#15202b", "titleBar.inactiveBackground": "#e9fe7d99", "titleBar.inactiveForeground": "#15202b99" }, "peacock.color": "#e9fe7d" }