6 min to read

Introducing Elabins Portfolio Blocks: A Modern WordPress Portfolio Plugin with GitHub Integration

Featured image

I wanted to try something different – a simpler approach to managing my portfolio. Instead of maintaining multiple platforms or wrestling with complex CMS settings, I thought: “What if I could keep everything in one place – my GitHub profile repository – and use it as the single source of truth for my portfolio?”

That’s how Elabins Portfolio Blocks was born. It’s a WordPress plugin that lets you manage your entire portfolio through a simple JSON file in your GitHub repository. Want to update your skills? Add a project? Change your bio? Just edit the JSON file, commit, and push. Your portfolio updates automatically.

No more:

Just:

  1. Edit your JSON file
  2. git add
  3. git commit
  4. git push

Your portfolio stays in sync with your actual work, and you maintain everything in one place – your GitHub repository.

The Problem with Traditional Portfolios

When I started building my portfolio, I faced several challenges:

These limitations inspired me to create a solution that would make portfolio building both powerful and simple.

What Makes Elabins Portfolio Blocks Special?

1. Live GitHub Integration

Imagine your portfolio automatically updating with your latest GitHub activity. That’s exactly what this plugin does. It pulls your repository statistics, contribution graphs, and project updates in real-time, keeping your portfolio fresh and dynamic.

2. Beautiful, Responsive Design

The plugin features a modern, mobile-first design with smooth animations powered by AOS (Animate On Scroll). Every section—from project showcases to skills visualization—is optimized for all devices.

3. Easy Content Management

Instead of wrestling with complex WordPress settings, you manage your portfolio through simple JSON files. Here’s a quick look at how it works:

{
  "profile": {
    "name": "Your Name",
    "title": "Your Title",
    "about": ["Your story", "Your achievements"],
    "profile_image": "your-photo.jpg"
  },
  "projects": [
    {
      "name": "Project Name",
      "description": "What makes it special",
      "links": {
        "github": "your-repo",
        "website": "live-demo"
      },
      "media": {
        "images": ["screenshot1.jpg"],
        "videos": ["demo.mp4"]
      }
    }
  ]
}

4. Rich Media Support

Showcase your projects with:

Getting Started is Simple

Installation

  1. Download from GitHub Releases
  2. Upload to WordPress
  3. Activate the plugin
  4. Add your portfolio data

GitHub Integration

The plugin includes a GitHub Action that automatically updates your stats. Just:

  1. Fork the repository
  2. Add your GitHub token
  3. Let it run hourly updates

Technical Details for Developers

Built with modern web technologies:

Why I Built This

As a developer, I wanted to create something that would:

Join the Community

The plugin is open source and available on GitHub. I welcome contributions, suggestions, and feedback from the developer community.

What’s Next?

I’m constantly working on new features and improvements. Some upcoming additions include:

Try It Out

Ready to build your portfolio? Download the plugin and start showcasing your work today. I’d love to see what you create with it

Download from GitHub

Live Demo