NNS dapp UI kit 🎨

Hey devs :wave:

I am thrilled to unveil that we published on npmjs earlier today the first version (v1.0.0) of the design system library that powers the UI of NNS-dapp :partying_face:.

Its repo is available on GitHub and the custom made documentation (you may recognize a familiar design :wink:) is deployed on mainnet:

The release is the outcome of four months of work which we drove with a low priority - community and projects are the most important - but, with a strong commitment by iteratively developing and integrating the library within the dapp, step by step.

It unleashes no new features nor changes to the existing but, this puts us in an excellent position to start the development of a stylish makeover** of the design of the dapp!

I am personnaly really happy about this achievement and hope you will share my excitement :hugs:


** We will share some more info soon about the brand new design. Few Figma files are ready and are - at least partially - the outcome of the II design contest that happened few weeks ago. So the flair you might have saw and liked will be there. Let us begin hack some CSS and we come back to you asap.

5 Likes

Is the actual NNS dapp UI opensourced?

The NNS dapp UI is indeed open sourced. We don’t accept yet external contributions in this repo but we do already in nns/sns/cmc-js libraries, the API layers of the dapp.

The list of JS repo we have open sourced and developed (since begin of year):

1 Like