Social widgets for static websites
graphjs cover website
year
2018–2019
role
Brand Designer
UI Designer
Frontend Developer
Product Manager
tags
Branding
UI/UX/IxD
Frontend
demo
See it liveView repository
graphjs badge
graphjs teaser

GraphJS (formerly “Graph.js“) is an amazing tool for making any website social with just a few lines of code. It’s an open source client-side JavaScript library. It helps you to easily add authentication, comments, messages, forum, groups, profiles and many more to static web pages.

I created the “Graph.js“ brand, designed all user interface components, and written more than 90% of its codebase, using Riot.js and LESS in 2018–2019.

I also designed GraphJS Website.

Authentication

graphjs 01
State
graphjs 02
Registration
graphjs 03
Login
graphjs 04
Password Reset

Profile

graphjs 05
Profile Cards
graphjs 06
Activity
graphjs 07
Groups
graphjs 08
Settings

Messages

graphjs 09

Bookmark

graphjs 10
Button
graphjs 11
List
graphjs 12
List (Global)

Comments

graphjs 13
Standalone
graphjs 14
Inline (Blended Version)

Forum

graphjs 15
List
graphjs 16
Composer
graphjs 17
Thread

Blog

graphjs 18
Composer
graphjs 19
Post

Dialog Box

graphjs 20

It’s responsive.

Components adapt to the screen size.
graphjs 21

It’s themable.

Colors are adjustable to your brand.
graphjs 22

It’s useful.

It’s easy to measure user engagement.
graphjs 23

It’s full of options.

UI components are fully customizable. Sky is the limit.
graphjs 24
Color Options
graphjs 25
Blended View
graphjs 26
Alternative Layouts
graphjs 27
Removable Parts (Title etc.)

If you are impressed,let’s work together

I can help you build a great digital product delivering substantial results on time and budget. Your product will have a user-friendly interface on top of a solid infrastructure accompanied by a branded look.