AshifPf

AshifPf is a free open-source personal portfolio template built with React and Vite that pairs 3D visuals with scroll-driven animations, available as a GitHub repository with a live Netlify demo.

What is AshifPf?

AshifPf is a personal portfolio website template designed to display a developer's work in a modern, responsive layout. It takes a developer's content (projects, resume, contact info) and renders it as an animated single-page site. The template runs on Vite for development and can be deployed to any static host, with a live demo hosted at https://ashifelahi.netlify.app/. The repository is maintained by Deadcoder001, who also provides feedback support at [email protected].

Key Features

• React + Vite — Built on React for component-based UI and Vite for fast development, with the dev server running on localhost:5173 after npm run dev.
• TailwindCSS — Utility-first CSS framework used for styling the responsive portfolio layout.
• Framer Motion & GSAP — Two animation libraries power interactive transitions and micro-interactions throughout the page.
• Spline 3D — Embeds 3D models directly into the portfolio for interactive visual elements.
• Lenis Smooth Scroll — Provides a smoother scrolling experience than the native browser scroll.
• Free and Open Source — Listed as a free portfolio template on GitHub with 20 stars, so anyone can clone, modify, and deploy it.

Who is AshifPf for?

• Frontend developers who want a ready-made portfolio with advanced animation effects without building from scratch.
• Job seekers looking for a resume-style website that stands out with 3D visuals and smooth interactions.
• Creatives and freelancers who need a visually rich portfolio page to showcase their projects and services.

What can you do with AshifPf?

• Web developers: clone the repository, run npm install and npm run dev, then customize the content to build a personal portfolio in minutes.
• Designers: leverage the included TailwindCSS utility classes and Spline 3D integration to add eye-catching visual flair without writing extensive custom CSS or 3D code.
• Students: deploy the finished site to Netlify or GitHub Pages to create an online presence for internships or portfolios.

How does AshifPf work?

The template follows a standard Vite workflow. First, install dependencies with npm install. Then start the local development server with npm run dev, which opens the app at localhost:5173. To publish, you build the static files and upload them to a hosting service like Netlify, where the live demo currently runs.

FAQ

Is AshifPf free?

Yes, the GitHub repository is explicitly tagged with "portfolio-template-free", and the source code is publicly available under an open-source repository. You can clone and use it without paying any license fee.

What technologies does AshifPf use?

AshifPf is built with React and Vite, styled with TailwindCSS, and includes Framer Motion and GSAP for animations, Spline for 3D elements, and Lenis for smooth scrolling.

How do I run AshifPf locally?

Clone the repository from GitHub and run npm install in the project directory. Then run npm run dev and visit http://localhost:5173 (or the port shown in your console) to view the site.

Can I deploy AshifPf?

Yes, the live demo at ashifelahi.netlify.app shows the template deployed to Netlify. You can build the production files and upload them to any static hosting service.

Who made AshifPf?

The repository is created by the GitHub user Deadcoder001, and the feedback email listed in the README is [email protected].