Built with React, styled with Tailwind CSS, and animated with Framer Motion
ReactPortfolio
My-Personal-Portfolio — React Portfolio Template
By OmPimple26
A personal portfolio website built with React, Tailwind CSS, and Framer Motion, using a black-and-violet color scheme to present projects, skills, and contact information, and deployed on Netlify.
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.
Black-and-violet color theme, with actual screenshots available for both desktop and mobile
The projects section includes live links and preview entries
The contact section provides a form with email sending support
Scroll positioning uses React Scroll, and the README provides commands for cloning, installing dependencies, and running locally
Template Details
This is a single-page personal portfolio website template by author Om Pimple, with the repository under the MIT license. The page is built with React, styled with Tailwind CSS, animated with Framer Motion, and uses React Scroll for scroll positioning. The overall visual design pairs black with violet. Screenshots are available for both desktop and mobile, and the live version is deployed on Netlify.
The content structure centers on personal presentation: the projects section includes live links and previews, the skills section lists the tech stack, and the contact section provides a form with email sending support. The README also lists contact details such as GitHub, LinkedIn, and email. The README further notes that the site is adapted for mobile.
Regarding usage limitations, the repository does not provide a dependency list for verification, so specific framework versions are not listed. The template content is tightly bound to personal information (name, projects, social links, email), so using it directly requires replacing these with the user's own details. The README's statements about performance and deployment are the author's own claims and were not independently verified during this compilation. The licensing of third-party assets (images, fonts, icons) must be checked separately and cannot be determined solely from the code's MIT license.
ReactPortfolio
Is it right for your project?
Use Cases
- Individual developers building a portfolio page to showcase projects and skills
- Front-end learners referencing how a page is organized with React + Tailwind CSS + Framer Motion
- Projects that need a black-and-violet single-page portfolio starter structure
Suitable For
- Developers with React experience who want to quickly replace content and launch a personal portfolio
- Freelancers or job seekers who need a single page to present projects, skills, and contact information
- Front-end learners who want to see how Tailwind CSS and Framer Motion are used together
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, enter the directory, run npm install to install dependencies, then run npm run dev to start locally
- 2
Personal information such as projects, skills, social links, and email must be replaced with your own content
- 3
The live version is deployed on Netlify; you can follow that approach for publishing or switch to another static host
- 4
Third-party assets such as images, fonts, and icons must be checked separately under their respective licenses
- 5
The repository does not provide a dependency list for verification; during installation, refer to the actual package files
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- You may use, modify, commercially use, and distribute this version's code for free.
- 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 limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be determined solely from the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
https://github.com/OmPimple26/My-Personal-Portfolio/blob/main/LICENSEhttps://github.com/OmPimple26/My-Personal-Portfolio/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
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 · 80 / 100
- Technologies
- 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 React 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: c03e54ffcd9246e0338fcd086fba70c78e78929b31f7d87726472b5e540d840f
2026-10-13T07:24:58.026Z
Source file / repository# 🌸 My Personal Portfolio Welcome to my personal portfolio website built with **React, Tailwind CSS, and Framer Motion**. This project showcases my skills, projects, and contact information in a modern and responsive design. --- ## 🚀 Features - 🎨 Elegant **Black + Purple theme** - 📱 Fully **responsive design** - ✨ Smooth animations using **Framer Motion** - 🛠️ Projects showcase with live links and previews - 📧 Contact form with mail support --- ## 🛠️ Tech Stack - **React.js** ⚛️ - **Tailwind CSS** 🎨 - **Framer Motion** 🎥 - **React Scroll** 📜 --- ## 🔗 Deployment You can view the live portfolio here: 👉 [Live Demo](https://ompimplepersonalportfolio.netlify.app/) --- ## 📂 Installation & Setup Clone the repository and run it locally: ``` # Clone repo git clone https://github.com/OmPimple26/My-Personal-Portfolio.git # Navigate cd My-Personal-Portfolio # Install dependencies npm install # Run locally npm run dev ``` --- 📬 Contact Feel free to connect with me: - **Portfolio**: [ompimplepersonalportfolio.netlify.app](https://ompimplepersonalportfolio.netlify.app/) - **GitHub**: [OmPimple26](https://github.com/OmPimple26) - **LinkedIn**: [https://www.linkedin.com/in/om-pimple-0042822b3/](https://www.linkedin.com/in/om-pimple-0042822b3/) - **Email**: [[email protected]](mailto:[email protected]) --- ✨ Built with ❤️ by Om Pimple
Explore similar templates
Compare previews and descriptions within the same stack and category.
react-portfolio-template
A React-based developer portfolio template for showcasing projects, work history, and skills. It offers a multi-component layout, dark and light modes, and responsive mobile adaptation, with text and images editable in src/components.
React · Portfolio
personal-website-react
A single-page developer portfolio template built with React and Material-UI, driven by a JSON Resume-compliant resume.json. It offers light/dark theme switching with localStorage persistence, a clean responsive layout, and Create React App tooling for simple builds and static deployment.
React · Portfolio
karngyan.com
A personal website and blog template for developers, built with TanStack Start, React 19, Tailwind CSS v4, and shadcn/ui. It uses MDX for articles with Shiki highlighting and GFM tables, and automatically generates RSS, sitemap, robots.txt, llms.txt, and OG images.
React · Portfolio
react-portfolio-template
A React portfolio template by Ryan Balieiro with a fixed sidebar and page-turn transitions on desktop, bottom navigation on mobile, multilingual support, light/dark themes, and content components for experience, education, skills, projects, and testimonials.
React · Portfolio
portfolio
A data scientist personal portfolio template built with React and MUI, with content centrally managed through configuration files in the assets directory.
React · Portfolio
react-portfolio
A React 16 and Material-UI developer portfolio template that centralizes personal information in a JSON Resume-compliant resume.json, with light/dark theme switching saved to local storage. It currently provides portfolio display only; resume page templates and structured data enhancements are still planned.
React · Portfolio