This is a modern portfolio website built with Next.js, featuring interactive 3D graphics and smooth animations.
- Next.js 15 (App Router, TypeScript)
- 3D Dragon: Animated dragon model using Three.js and GSAP
- Animated Ashes: Subtle floating ashes for atmosphere
- Music Player: Play background music with custom controls
- Responsive Design: Looks great on all devices
- Dark Theme: Elegant dark background
Install dependencies:
npm installRun the development server:
npm run devOpen http://localhost:3000 in your browser.
src/app/layout.tsx– Root layout, includes 3D dragon, ashes, music playersrc/app/page.tsx– Main landing page and sectionssrc/components/dragonScene.tsx– 3D dragon scenesrc/components/ashes.tsx– Animated ashes backgroundsrc/components/MusicPlayer.tsx– Music player UI
- Update your info, projects, and images in
src/app/page.tsxandpublic/ - Replace the dragon model or music in
public/
Deploy easily to Vercel or any Node.js host.
Built and designed by Tejas Tyagi.