Design Kit

Find all the design resources about UnJS.

About UnJS

UnJS, pronounced /ʌn-dʒeɪɛs/ or un-jay-ess, is a collection, an ecosystem, of JavaScript libraries, tools and utilities to elevate the coding journey of developers.

UnJS is a short form of Unified JavaScript, which refers to the idea that every package can work both together and individually, with external packages, in any environment and agnostic of any framework or library, to reunify the JavaScript ecosystem around a common vision.

Please write UnJS and not unJS or Unjs or unjs.

However, all packages are lowercase, like unbuild, ofetch, nitro, etc.

The UnJS logo is a combination of these two elements:

  • Two letters, u and n, the Un part of UnJS, but lowercase on the logo
  • The logo of JavaScript with the iconic yellow color, the JS part of UnJS

Note that the logo, like repos, is lowercase.

The logo can be used on a white background or a black background.

Black logo

Black

White logo

White

Colors

UnJS colors are based on the JavaScript logo colors with a yellow color as the main color and a deep black as the secondary color to create contrast inside the logo.

yellow
#ECDC5A
deep black
#111827
white
#FFFFFF

Typography

UnJS uses the Nunito font for its rounded and friendly look. This reminds us of the ambition of unifying the JavaScript ecosystem around a common vision and the agnostic nature of UnJS.

Nunito

The quick brown fox jumps over the lazy dog.

Package Logos

Each package has its own logo. For most of them, the logo is an emoji from the Noto collection that try to represent the package purpose.

Logo of automd

automd

Logo of bundle-runner

bundle-runner

Logo of changelogen

changelogen

Logo of citty

citty

Logo of confbox

confbox

Logo of consola

consola

Logo of cookie-es

cookie-es

Logo of crossws

crossws

Logo of defu

defu

Logo of destr

destr

Logo of fontaine

fontaine

Logo of fs-memo

fs-memo

Logo of get-port-please

get-port-please

Logo of giget

giget

Logo of hookable

hookable

Logo of httpxy

httpxy

Logo of image-meta

image-meta

Logo of jimp-compact

jimp-compact

Logo of jiti

jiti

Logo of knitwork

knitwork

Logo of listhen

listhen

Logo of magic-regexp

magic-regexp

Logo of magicast

magicast

Logo of mdbox

mdbox

Logo of mkdist

mkdist

Logo of mlly

mlly

Logo of mongoz

mongoz

Logo of nanotar

nanotar

Logo of nitro

nitro

Logo of node-fetch-native

node-fetch-native

Logo of nypm

nypm

Logo of ofetch

ofetch

Logo of ohash

ohash

Logo of pathe

pathe

Logo of perfect-debounce

perfect-debounce

Logo of pkg-types

pkg-types

Logo of radix3

radix3

Logo of scule

scule

Logo of serve-placeholder

serve-placeholder

Logo of std-env

std-env

Logo of theme-colors

theme-colors

Logo of unbuild

unbuild

Logo of uncrypto

uncrypto

Logo of unctx

unctx

Logo of undocs

undocs

Logo of unenv

unenv

Logo of ungh

ungh

Logo of unhead

unhead

Logo of unimport

unimport

Logo of unpdf

unpdf

Logo of unplugin

unplugin

Logo of unstorage

unstorage

Logo of untun

untun

Logo of untyped

untyped

Logo of unwasm

unwasm

Logo of webpackbar

webpackbar

Package Puzzle Parts

Each package has its own puzzle part. The puzzle part is an important element of UnJS because it represents the idea that all packages can be used together to form a bigger picture, the UnJS ecosystem. In the meantime, each package can be used individually to solve a specific problem.

Logo of automd

automd

Logo of bundle-runner

bundle-runner

Logo of changelogen

changelogen

Logo of citty

citty

Logo of confbox

confbox

Logo of consola

consola

Logo of cookie-es

cookie-es

Logo of crossws

crossws

Logo of defu

defu

Logo of destr

destr

Logo of fontaine

fontaine

Logo of fs-memo

fs-memo

Logo of get-port-please

get-port-please

Logo of giget

giget

Logo of hookable

hookable

Logo of httpxy

httpxy

Logo of image-meta

image-meta

Logo of jimp-compact

jimp-compact

Logo of jiti

jiti

Logo of knitwork

knitwork

Logo of listhen

listhen

Logo of magic-regexp

magic-regexp

Logo of magicast

magicast

Logo of mdbox

mdbox

Logo of mkdist

mkdist

Logo of mlly

mlly

Logo of mongoz

mongoz

Logo of nanotar

nanotar

Logo of nitro

nitro

Logo of node-fetch-native

node-fetch-native

Logo of nypm

nypm

Logo of ofetch

ofetch

Logo of ohash

ohash

Logo of pathe

pathe

Logo of perfect-debounce

perfect-debounce

Logo of pkg-types

pkg-types

Logo of radix3

radix3

Logo of scule

scule

Logo of serve-placeholder

serve-placeholder

Logo of std-env

std-env

Logo of theme-colors

theme-colors

Logo of unbuild

unbuild

Logo of uncrypto

uncrypto

Logo of unctx

unctx

Logo of undocs

undocs

Logo of unenv

unenv

Logo of ungh

ungh

Logo of unhead

unhead

Logo of unimport

unimport

Logo of unpdf

unpdf

Logo of unplugin

unplugin

Logo of unstorage

unstorage

Logo of untun

untun

Logo of untyped

untyped

Logo of unwasm

unwasm

Logo of webpackbar

webpackbar