@urbit/sigil-js NPM

sigil-js

Urbit address space contains ~4.2 billion unique points. Each has a pronounceable, easily memorized name, something like ~ravmel-ropdyl. Sigils visualize these names – there are as many unique Sigils as there are Azimuth points. @urbit/sigil-js is a javascript library that converts one of these names into its corresponding Sigil.

sigil intro image

Basic Usage

React

import '@urbit/sigil-js'

const config = {
 point: '~zod', // or 'zod'
 size: 348,
 background:'#010101', 
 foreground:'yellow',
 detail:'none',
 space:'none',
}

const Sigil = ({ config }) => {
 return (
   <urbit-sigil {...config} />
 )
}

Install

npm install @urbit/sigil-js

API

Param	Explanation	Type	Optional?
`point`	Any valid urbit point name	`string`	No, and can only accept galaxies, stars and planets.
`size`	Size of desired SVG output	`integer`	Yes, defaults to 128px
`foreground`	Foreground color	`string`	Yes, defaults to '#FFF'
`background`	Background color	`string`	Yes, defaults to '#000'
`detail`	Controls whether or not details should be rendered. Useful for small sizes below 48px	`none` or `default`	Yes, defaults to `default`
`space`	space between edge of sigil and edge of background	`none`, `large` or `default`	Yes, defaults to `default`