Create Your Portfolio with Ease

PersonaJS is a powerful library that helps you build beautiful, responsive online portfolios in minutes.
Get Started Learn PersonaJS


Why PersonaJS ?

check

Easy to Use

Simply import the PersonaJS library and provide your information in JSON format. No complex setup required.

settings

Customizable

Tailor your portfolio to your needs with various customization options. Make it truly yours.

devices

Responsive Design

Your portfolio will look great on all devices, from mobile to desktop. Impress on any screen.



Quick Start


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PersonaJS Example</title>
  <script src="https://nitish-iiitd.github.io/PersonaJS/persona.js"></script>
  <link href="https://nitish-iiitd.github.io/PersonaJS/persona.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/devicon.min.css">
</head>
<body>
<div class="container mt-5">
  <div id="persona"></div>
</div>
<script>
  const data = {
    name: "John Doe",
    title: "Web Developer",
    about_me: "Passionate developer with a love for creating intuitive and efficient software solutions. I enjoy working on innovative projects and continuously improving my skills.",
    profile_pic: "https://static.vecteezy.com/system/resources/previews/007/522/850/original/business-man-icon-for-your-web-profile-free-vector.jpg",
    email : "[email protected]",
    phone : "+91-888888888"
  };

  PersonaJS.addIntro(data.name, data.title, data.about_me, data.profile_pic);
  PersonaJS.addContact(data.phone, data.email);
  PersonaJS.addFooter(data.name);

  PersonaJS.render();
</script>
</body>
</html>

API Reference