A modern, responsive portfolio website built with React, Vite, and TailwindCSS. Features a clean responsive design, smooth animations, and interactive components.
This open-source developer portfolio template provides a fully functional foundation for building modern, responsive, and visually appealing personal websites. Built with Vite, React, and TailwindCSS, it combines fast development workflows, modular components, and a utility-first styling approach, making it easy to customize and extend. The template includes interactive features such as tsParticles for dynamic particle backgrounds, Typed.js for animated typewriter-style text effects, and optional Lottie animations for smooth vector-based motion, creating an engaging user experience. Pre-configured sections include project showcases, skills visualization, and contact links, along with dark/light mode support. This project serves both as a learning resource for developers exploring modern frontend technologies and as a production-ready foundation for quickly deploying a professional portfolio, demonstrating best practices in structure, responsiveness, and interactive design.
- 🌓 Dark/Light mode support
- 📱 Fully responsive design
- ⚡ Fast loading and optimized performance
- 🎨 Modern UI with smooth animations
- 💻 Interactive project showcase
- 🎯 Skills visualization
- React - Frontend library
- Vite - Build tool and development server
- TailwindCSS - Utility-first CSS framework
- Lucide React - Icons
- Typed.js - Text animations
- TsParticles - Animated Backgrounds
- 👉 Download Node.js here (v14 or higher)
- 📦 npm or yarn
- Clone the repository
git clone https://github.com/Bitxo92/web_portfolio.git- Install dependencies
cd web_portfolio
npm install- Start the development server
npm run dev- Build for production
npm run buildsrc/
├── components/ # React components
├── assets/ # Static assets
├── lib/ # Utility functions
└── pages/ # Page components
- Update personal information in respective components
- Modify color scheme in
tailwind.config.js - Add/remove projects in
ProjectSection.jsx - Update skills in
SkillsSection.jsx
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
