AssistantNMS WebComponents

Easy to use components for your No Man's Sky websites/tools/projects and more!

Get Started Github Organisation
Description

Examples

Game Item tile

The tile above is loaded using an AssistantNMS appid 
<assistant-nms-item-info-tile appid="prod49"></assistant-nms-item-info-tile>


The tile above is loaded using the gameid 
<assistant-nms-item-info-tile gameid="HYPERFUEL2"></assistant-nms-item-info-tile>

Community Mission tile

The tile above is loaded using the following html 
<assistant-nms-community-mission-tile></assistant-nms-community-mission-tile>

Current Expedition progress

The tile above is loaded using the following html 
<assistant-nms-current-expedition-tile></assistant-nms-current-expedition-tile>

NMSFM mini player

The tile above is loaded using the following html 
<assistant-nms-nmsfm-tile></assistant-nms-nmsfm-tile>

Getting Started

Add the following script tag to the bottom your html file.

<script src="https://webcomp.nmsassistant.com/build/bundle.js"></script>

:root {
   --assistantnms-font-family: "Roboto", Helvetica, Arial, sans-serif;
   --assistantnms-font-weight: "bold";
   --assistantnms-border-radius: 0.25em;
   --assistantnms-tile-fg-colour: #c5c5c5;
   --assistantnms-tile-bg-colour: #303030;
   --assistantnms-name-font-size: 1.2em;
   --assistantnms-img-size: 50px;
}

e.g. the Game item tile, Community Mission tile etc.