Homepage features a 3D solar system scene built with React Three Fiber
Next.jsReactPortfolio
Ahsan-Dogar-Portfolio — Next.js Portfolio Template
By Ahsan-Dogar
A space-themed front-end developer portfolio template built with Next.js and React Three Fiber, featuring a 3D solar system scene on the homepage, along with scroll animations and section navigation.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-13View source
What stands out
A quick read of the recorded project description.
Uses Framer Motion for transitions and scroll reveal animations
Navigation tracks and highlights the current section as you scroll
Includes sections such as About, Experience, Projects, Skills, Education, and Contact
Uses Next.js App Router, TypeScript, and Tailwind CSS
Repository is under the MIT license and adapted from the open-source template sanidhyy/space-portfolio
Template Details
This is a personal portfolio website template with a space theme, aimed at front-end developers to showcase their experience and projects. The pages are organized using Next.js App Router, the 3D scene is rendered with React Three Fiber and Three.js, interface transitions and scroll reveal effects are implemented with Framer Motion, styling is based on Tailwind CSS, and the code uses TypeScript.
In terms of content structure, the template includes sections such as About, Experience, Projects, Skills, Education, and Contact, with navigation that highlights the current section as you scroll. The repository README states that the project is adapted from the open-source template sanidhyy/space-portfolio for personal branding customization.
Regarding usage restrictions, the repository is under the MIT license, and the free scope is limited to this version of the code; third-party assets such as demo images, fonts, and icons need to be checked separately for their licenses, and external services like domains and hosting may incur additional charges. The README notes that running requires Node.js 18 or above.
Next.jsReactPortfolio
Is it right for your project?
Use Cases
- Building a personal front-end developer portfolio website
- As a reference project for learning how to combine React Three Fiber with Framer Motion
- Customizing personal branding on top of an existing open-source space-themed template
Suitable For
- Front-end developers who need to showcase their experience, skills, and projects
- Developers who want to build a portfolio page using Next.js and 3D scenes
- Users who can replace demo assets themselves and verify third-party asset licenses
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
README requires Node.js 18 or above
- 2
After cloning the repository, run npm install to install dependencies
- 3
Run npm run dev to start the development server, accessible by default at http://localhost:3000
- 4
The project directory includes app, components, config, constants, lib, and public
- 5
Third-party assets such as demo images, fonts, and icons need to be checked separately under their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is limited to this version of the code and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are allowed.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as-is; warranties and liability limitations are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets need to be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
- This project is adapted from the open-source template sanidhyy/space-portfolio and customized for personal branding; attribution and acknowledgment to the original author and template must be retained when using it.
- The runtime environment requires Node.js 18 or above; lower versions cannot install and start properly.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
This project is built on the open-source [`sanidhyy/space-portfolio`](https://github.com/sanidhyy/space-portfolio) template, adapted and customized for a personal brand.
Original README
https://github.com/Ahsan-Dogar/Ahsan-Dogar-Portfolio/blob/main/LICENSEhttps://github.com/Ahsan-Dogar/Ahsan-Dogar-Portfolio/blob/main/README.md**Prerequisites:** Node.js 18+
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 85 / 100
- Technologies
- Next.js · React
- Website type
- Portfolio
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-09-13
- Screenshot last checked
- 2026-10-13
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: 96fb7aa8c59a6c7b8d0e0645e480f374aecac67c2ac1f05034d62146d1c79cba
2026-10-13T06:29:18.054Z
Source file / repository<div align="center"> # 🚀 Ahsan Dogar Portfolio | Next.js 14 + Three.js ### An immersive, animated front-end developer portfolio > **[View Live Demo](https://ahsan-dogar.github.io/Ahsan-Dogar-Portfolio/)** A modern, space-themed portfolio website built with **Next.js 14**, **React Three Fiber**, and **Framer Motion** — featuring a 3D solar-system hero, smooth animations, and a fully responsive design. []() []() []() []() []() []() </div> --- ## ✨ Features - 🪐 **3D space hero** — a Three.js solar-system scene built with React Three Fiber - 🎞️ **Smooth animations** — Framer Motion transitions & scroll-reveal effects - 🧭 **Scroll-aware navigation** — active section tracking as you scroll - 🧩 **Rich sections** — About, Experience, Projects, Skills, Education & Contact - 🌓 **Clean, modern design** — polished space theme with premium typography - 📱 **Fully responsive** — optimized for desktop, tablet & mobile - ⚡ **Next.js 14 performance** — App Router, optimized images & SSR --- ## 🛠️ Tech Stack | Technology | Purpose | | ---------- | ------- | | **Next.js 14** | Framework & App Router | | **React Three Fiber** | 3D rendering in React | | **Three.js** | 3D scene engine | | **Framer Motion** | UI animations | | **TypeScript** | Type-safe code | | **Tailwind CSS** | Styling | --- ## 🚀 Quick Start **Prerequisites:** Node.js 18+ ```bash # 1. Clone the repository git clone https://github.com/Ahsan-Dogar/Ahsan-Dogar-Portfolio.git # 2. Install dependencies cd Ahsan-Dogar-Portfolio npm install # 3. Run the dev server npm run dev ``` Open **http://localhost:3000** in your browser. --- ## 📂 Project Structure ``` app/ # Next.js App Router pages components/ # Reusable UI & 3D components config/ # Site configuration constants/ # Static data lib/ # Utilities & data public/ # Static assets ``` --- ## 📄 License & Attribution This project is built on the open-source [`sanidhyy/space-portfolio`](https://github.com/sanidhyy/space-portfolio) template, adapted and customized for a personal brand. Big thanks to the original author for the incredible foundation. --- <div align="center"> ⭐ **Enjoy the space? Please star the repo!** Made with ❤️ by [Ahsan Dogar](https://github.com/Ahsan-Dogar) </div>
Explore similar templates
Compare previews and descriptions within the same stack and category.
react-resume-template
A personal resume website template for software developers, built with Next.js, React, and TypeScript and styled with Tailwind CSS. Site content is driven by a single data file at /src/data/data.tsx, with types in dataDef.ts and images in src/images/.
Next.js · Portfolio
nxt-lnk
nxt-lnk is a Next.js-based bio link page template that manages personal information and links via BioData.js and LinksData.js, positioned as a self-hosted alternative to Linktree. It groups links by type, supports enabling/disabling individual links, and offers hexagonal or oval avatars.
Next.js · Portfolio
sylph
Sylph is a minimal portfolio and blog template built on Next.js, supporting MDX/Markdown writing, light/dark themes, and automatic OG image generation. It includes sitemap, robots.txt, metadata, and syntax highlighting, with automatic blog timestamps.
Next.js · Portfolio
sleek-portfolio
A modern, responsive portfolio template built with Next.js 15, TypeScript, Tailwind CSS, and Shadcn UI. It includes an MDX blog, project showcase, work experience timeline, and a contact form that receives messages via Telegram Bot.
Next.js · Portfolio
research-website-template
A React + Next.js template for research personal websites, aimed at PhD students and researchers. It centralizes publications, projects, and other content in src/data as arrays of objects, with optional fields automatically generating UI components.
Next.js · Portfolio
shadcn-portfolio
A developer portfolio template built with Next.js 15, shadcn/ui, Tailwind CSS, and Framer Motion, featuring an MDX blog, light and dark modes, responsive design, and SEO meta tags.
Next.js · Portfolio