Turbocharge your WordPress site

PoP is an open source framework for building powerful WordPress-powered online platforms.

Making WordPress Sexy Again

PoP is a layer that wraps WordPress, enabling to use WordPress as the Content Management System that powers the application on the back-end, yet providing a framework to build high performance, highly dynamic sites on the front-end.

PoP works with all WordPress legacy code, and it has broad support for the WordPress plugins ecosystem.

Robust yet Flexible Architecture based on Reusable Components

PoP is based on the concept of modules, which are either an atomic functionality or a composition of other modules.

PoP sites are built by stacking modules on top of each other, ultimately creating complex structures from basic components.

The reusable components enable to create any type of structure, from basic to very complex ones.

Modules can provide configurable options to change their layout and functionality, allowing for extensive versatility:

Leonardo Losoviz

Founder of PoP

I'm the founder of the PoP framework. I've been working in this project since April 2013, when developing the website for MESYM (https://www.mesym.com), an environmental NGO in Malaysia which I co-founded. Later on, I've used the software to launch other projects, such as TPP Debate (https://tppdeba... Read more

Jun-E Tan

Running around with a hammer

I am a freelance researcher on issues related to sustainable development. I write, I talk to people, I try to make as big a difference as I can. I've been running MESYM.com since 2013, an online platform for environmental issues in Malaysia. My motivation for working on MESYM.com is to amplify all t... Read more

PoP

Break the information monopoly

the PoP framework is open source software which aims to decentralize the content flow and break the information monopoly from large internet corporations.

Leonardo Losoviz

Jun-E Tan

PoP

Creating these complex structures is extremely easy, akin to playing with LEGO:

We create basic modules, such as links/buttons with specific functionalities:

 

We group these into more complex modules, such as dropdowns:

Contact links dropdown:

 

We group these modules into more complex units, such as adding social networking buttons to the contact links dropdown, which produces a user toolbar:

 

We create a user avatar and, grouping it with the previous modules all together, we finally obtain the desired component, such as a user layout:

 

By repeating this process, the result will be the complete website, thoroughly built from combining modules together.

The API comes for free

A PoP site is a self-consumed API. There is no distinction between webpage and API: each URL returns the web page by default, and by just adding the parameter output=json, it returns its API instead.

And there is no need to create documentation for the API, since the website is already the API’s documentation.

Optimized for Mobile

A PoP site is a Progressive Web App (PWA): a web application that uses the latest web technologies to appear to the user like a native mobile app, such as being installed on the user’s mobile home screen and working offline.

Designed for the Highest Speed

PoP implements several techniques for delivering super fast experiences:

Server-Side Rendering: HTML is rendered directly on the server when first loading the site

Aggresive Caching: 5 layers of caching are implemented in between the server and the client

CDN Integration: both assets and content can be fetched from a Content Delivery Network

Native Code-Splitting with Progressive Booting: the site only loads the required assets, ordered by priority

As a result, PoP sites have an outstanding performance from speed measurement reports, scoring below the recommended goal of 1250 for Speed Index and under 1 second for First Meaningful Paint.

Multiple Outputs from a Single Source

PoP is engineered for minimal effort and maximum productivity:

Isomorphic rendering: the same code is used to render HTML directly in the server, dynamically in the client, and for transactional emails

Progressive Web App: the website behaves like a mobile app, removing the need to implement Android/iOS apps

Multiple Views: each component supports alternative layout designs, enabling the site to provide different functionalities

Transactional Emails

Any page in the site, containing both public and user-specific content, can be rendered for email with minimal effort.

With this feature, the application can easily implement any kind of transactional email, such as automated user notifications.

Native A/B Testing

PoP provides mechanisms to easily tweak the application styles, serve one or another version to the user, and track the results without the need for 3rd party libraries.

Clearly-Decoupled Responsibilities

Each module is composed of clearcut, non-overlapping concerns, allowing a team of several people, each with a specific responsibility (back and front-end development, design, etc), to work on the same component simultaneously:

Back-end logic through PHP

Views through Handlebars templates

Front-end logic through Javascript

CSS styles

Powerful as GraphQL, Simpler to Use

One single query will return all required data, keeping the objects’ relational structure as in the database.

This feature grants the power of GraphQL, while avoiding its security issues and non-cacheability on the server-side.

Conceived for Communities

PoP ships with plenty of social networking features, providing a full-fledged online platform for communities of any size:


Like

Follow

Add content

Notifications

Notifications

These are the general notifications. Please log in to see your personal notifications.

Aggregation of Content from Other Sites

PoP platforms can interact with each other, enabling to create a social network comprised by independent sites, each of which owns its own data.


Like

Follow

Add content

Notifications

Coming soon: Integration with WordPress Gutenberg

We are currently working on making all PoP blocks available as WordPress Gutenberg’s blocks, a.k.a. Gutenblocks.

Browse all features:

Explore PoP websites in the wild:



Implement your website

Kept Sustainable through Verticals

In order to keep PoP the open source project sustainable we have created Verticals, an agency to implement PoP sites of any kind: simple blogs, social networks, marketplaces, etc.

If you need assistance implementing your PoP site, please visit verticals.io to learn more.

Brought to you by…

leo-zakopane

Leonardo Losoviz is the creator of the PoP framework, and has been working tirelessly on it since 2013.

Read more about us and the story behind PoP.


Sign up to our newsletter:

Welcome to the PoP framework!
Break the information monopoly

the PoP framework is open source software which aims to decentralize the content flow and break the information monopoly from large internet corporations. Read more.