Clip UI

Minimal component library used to display front-end components.

Usage

Basic server (start.js)

const clipUi = require("@ourstudio/clip-ui");

clipUi.serve({
  folder: `components`,
  staticFolder: `static`,
  injectHead: [
    {
      tag: 'link',
      attributes: [
        { key: 'rel', value: 'stylesheet' },
        { key: 'href', value: '/static/random.css' },
      ],
    },
  ],
});

node start.js

Export project to static files (build.js)

const clipUi = require("@ourstudio/clip-ui");

clipUi.build({
  folder: `components`,
  out: `out`,
  staticFolder: `static`,
  injectHead: [
    {
      tag: "link",
      attributes: [
        { key: "rel", value: "stylesheet" },
        { key: "href", value: "/static/random.css" },
      ],
    },
  ],
});

node build.js

Getting started

Install dependencies

npm install

Build

npm run build

Run development

npm run start

The component library will start on http://localhost:8000/.