Tag Archives: SourceJS

SourceJS companion app, for layout prototyping base on own blocks library.


assets Починил стандартное поведение поля поиска, поправил дефолтный однокол… a day ago
core Fixing case is SourceJS is not available 6 days ago
parser Bootstrap adoption 27 days ago
user-bootstrap Views update, considering defaults and overrides 26 days ago
user-source-ok-demo Fixing case is SourceJS is not available 6 days ago
views Обновление шаблона 2 days ago
.gitignore Custom user folder support a month ago
README.md Views update, considering defaults and overrides 26 days ago
lego.js Починил переход к спеке по комманд-клику 2 days ago
options.js Adding custom args support to lego.js 27 days ago
package.json Some translations 26 days ago

Design-lego

v0.1.0-alpha (first concept)

SourceJS companion app, for layout prototyping base on own blocks library. Could be also used separately, without SourceJS, check /user-bootstrap demo (runs by default).

Video demo.

If you’re already using SourceJS engine for organising your front-end component library, check demo configuration folder for integration /user-source-ok-demo. As from 0.4.0 SourceJS has own Content API, that lets you request any block resources from your library, all you need is to set some basic configuration for Design-Lego app.

For running your own block library with Design-Lego app, all you need is to generate JSON data file withsimilar structure. For bootstrap integration, we created simple parser for required data generation.

Features

  • Load your own component library (based on any frameworks and templating engines)
  • Review your existing blocks through search and switch between different variations (block examples)
  • If you’re seperating CSS modifiers, Design-Lego will parse your CSS and suggest existing modifiers for your currently selected block
  • Build lite prototypes with different components combination and share
  • Block layout drop predictions

Setup

git clone https://github.com/sourcejs/lego.git
cd lego
npm i
node lego

NodeJS will run local server, with pre-build bootstrap library for playing in Design-lego app.

Upcoming features

  • Configurable layouts
  • Improved UI
  • Improved prototyping features with drag n drop
  • Easy to setup configuration with SourceJS
  • Component export to tools for designing in the browser