GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → iwangbowen → UI-Builder

iwangbowen / UI-Builder

Licence: Apache-2.0 license
UI Builder to generate html pages automatically

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

gruntdrag-and-drophtml-generationag-gridui-builder

Projects that are alternatives of or similar to UI-Builder

Grapesjs
Free and Open source Web Builder Framework. Next generation tool for building templates without coding
Stars: ✭ 14,892 (+45027.27%)
Mutual labels:  drag-and-drop, ui-builder
ng2-gridstack
A gridstack component for Angular2+
Stars: ✭ 12 (-63.64%)
Mutual labels:  drag-and-drop
builder
Visual Composer Website Builder is a drag and drop editor for WordPress.
Stars: ✭ 64 (+93.94%)
Mutual labels:  drag-and-drop
grunt-wp-css
Format style sheets according to the WordPress CSS coding standards.
Stars: ✭ 36 (+9.09%)
Mutual labels:  grunt
HoveringCallback
Drag & drop item decorator for RecyclerView with support for highlighting hovered items.
Stars: ✭ 15 (-54.55%)
Mutual labels:  drag-and-drop
drop
A LÖVE visualizer and music player
Stars: ✭ 17 (-48.48%)
Mutual labels:  drag-and-drop
react-learning-resources
A curated list of resources to learn React and related web technologies as fast as possible.
Stars: ✭ 65 (+96.97%)
Mutual labels:  ag-grid
dolphinnext
A graphical user interface for distributed data processing of high throughput genomics
Stars: ✭ 92 (+178.79%)
Mutual labels:  drag-and-drop
PTXQC
A Quality Control (QC) pipeline for Proteomics (PTX) results generated by MaxQuant
Stars: ✭ 34 (+3.03%)
Mutual labels:  drag-and-drop
grunt-angular-combine
Grunt task for combining AngularJS partials into a single HTML file.
Stars: ✭ 16 (-51.52%)
Mutual labels:  grunt
grunt-frontend-boilerplate
🔒 Basic boilerplate to start a webapp project with Angular.js, Bootstrap and Grunt
Stars: ✭ 14 (-57.58%)
Mutual labels:  grunt
react-magic-dropzone
✨Magically drag and drop files/links for uploading
Stars: ✭ 11 (-66.67%)
Mutual labels:  drag-and-drop
DailyFeed
iOS client for newsapi.org
Stars: ✭ 128 (+287.88%)
Mutual labels:  drag-and-drop
danmallme
DanMall.me
Stars: ✭ 97 (+193.94%)
Mutual labels:  grunt
phaser-ui-comps
Phaser 3 UI Components built by Adobe Animate
Stars: ✭ 60 (+81.82%)
Mutual labels:  ui-builder
ngx-sortable
ngx-sortable is an angular sortable list components that support drag and drop sorting
Stars: ✭ 19 (-42.42%)
Mutual labels:  drag-and-drop
react-drop-n-crop
An opinionated implementation of react-dropzone and react-cropper
Stars: ✭ 17 (-48.48%)
Mutual labels:  drag-and-drop
solid-dnd
A lightweight, performant, extensible drag and drop toolkit for Solid JS.
Stars: ✭ 251 (+660.61%)
Mutual labels:  drag-and-drop
emerj
Emerj is a tiny JavaScript library to render live HTML/DOM updates efficiently and non-destructively, by merging an updated DOM with the live DOM, and only changing those elements that differ.
Stars: ✭ 56 (+69.7%)
Mutual labels:  html-generation
ngx-drag-and-drop-lists
Angular drag and drop component for lists
Stars: ✭ 47 (+42.42%)
Mutual labels:  drag-and-drop
View All Similar Projects ➔

GUI Builder: A Drag-and-Drop Web App

GUI Builder is a drag and drop ui builder to help developers create static web pages faster

Check out Chinese Docs for more information

Preview

UI Builder Preview

The preview shown above is on branch gridster-snap right now, you can check out this branch to try it out. The master branch has adopted a different approach to the design and implementation and is in the active deveelopment currently.

What it does

  • Draggable widgets
  • Resizable widgets
  • Drag and drop components into widgets
  • Configure components attributes
  • Generate JavaScript code
  • Edit different web pages at the same time
  • Save automatically
  • Download created web pages and upload them to edit again

Getting started

  1. Install development dependencies:

    npm install

  2. Build app

    npm run build:dev

  3. Start app

    npm run start

Project maintainers

This project is maintained by Bowen Wang and friends. Use of this project under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].