GraphJS is a Javascript client-side library to help developers easily enable social features on their web sites. GraphJS is built upon the Pho framework, and it's open source. With only a few lines of code, you can easily add authentication, comments, messages, forum, groups, profiles etc. to your static web pages.

Getting Started

To get started with GraphJS, you need to include graph.js file to your project. Then you can initiate it with GraphJS.init function.

Simply, add this code into your HTML, just before the end of body tag. Don't forget to replace your public ID, theme, and color options. Your public ID should be a string which can be provided by GraphJS after Setup process. Theme option should be a string, and it has to be either 'light' or 'dark'. Color option should be a string representing any color of your preference in HEX format.



GraphJS is event-driven. You can trigger certain functions at given hooks. Each method represented under the "Functions" tab in the navigation menu comes with a "after" and "before" hook.

For example, login comes with "beforeLogin" and "afterLogin" hooks. You may use them to trigger certain functions at specific times. Similarly showLogin has beforeShowLogin and afterShowLogin hooks.

You may bind a function to a hook by using GraphJS' on method. So, in order to trigger a console.log after logging in, you type in: