Visual Component editor for React, Vue and more...
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
public
src
.gitignore
LICENSE Release Ugnis v0.8.2-alpha Aug 17, 2017
README.md
ROADMAP.md
index.d.ts
package.json
tsconfig.json
tslint.json
webpack.config.js
webpack.config.prod.js Tslint fix Sep 21, 2018

README.md

Ugnis v0.10.0-alpha

Warning Ugnis is in early alpha and is changing a lot, current online version does not match this version.

Ugnis is a Design tool that exports directly to code. Creating your own Design System has never been so easy.

Exports to React and Vue components. Vote for more integrations in this issue

Demo

Design components with drag-n-drop:

screen shot 2018-07-27 at 22 42 18

Define colors, fonts and spacings to create unified components:

screen shot 2018-07-27 at 22 39 49

How to try it locally

Clone the repository, download node modules and compile:

git clone https://github.com/UgnisSoftware/ugnis && cd ugnis && npm install

Start the editor:

npm start

Now open localhost:3000

License:

Exported components are under the license that your project is.

Editor and compilers are under AGPL. Other Licenses are available upon request.

Contributors

Karolis Masiulis | Jonas Bernotas | Justinas Petuchovas | Vytas Butkus