All Projects → fireyy → Piper

fireyy / Piper

A drag-and-drop mobile website builder base on Vue

Projects that are alternatives of or similar to Piper

Vvvebjs
Drag and drop website builder javascript library.
Stars: ✭ 4,609 (+1921.49%)
Mutual labels:  builder, drag-and-drop, drag
Uix-Page-Builder
Uix Page Builder is a design system that it is simple content creation interface.
Stars: ✭ 20 (-91.23%)
Mutual labels:  builder, drag, page-builder
React Smooth Dnd
react wrapper components for smooth-dnd
Stars: ✭ 1,560 (+584.21%)
Mutual labels:  drag-and-drop, drag
Gong Wpf Dragdrop
The GongSolutions.WPF.DragDrop library is a drag'n'drop framework for WPF
Stars: ✭ 1,669 (+632.02%)
Mutual labels:  drag-and-drop, drag
React Dragline
🐼Guide lines and magnetic adsorption to better align draggable elements in React.
Stars: ✭ 134 (-41.23%)
Mutual labels:  drag-and-drop, drag
Builder
Drag and drop page building using your code components
Stars: ✭ 1,281 (+461.84%)
Mutual labels:  builder, page-builder
Html5sortable
VanillaJS sortable lists and grids using native HTML5 drag and drop API.
Stars: ✭ 1,384 (+507.02%)
Mutual labels:  drag-and-drop, drag
Dnd Kit
A modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
Stars: ✭ 3,456 (+1415.79%)
Mutual labels:  drag-and-drop, drag
Silex
Silex is a static website builder in the cloud.
Stars: ✭ 958 (+320.18%)
Mutual labels:  drag-and-drop, drag
Blazor Dragdrop
Easy-to-use Drag and Drop Library for Blazor
Stars: ✭ 161 (-29.39%)
Mutual labels:  drag-and-drop, drag
Ngx Smooth Dnd
angular wrapper for smooth-dnd
Stars: ✭ 152 (-33.33%)
Mutual labels:  drag-and-drop, drag
Diagram Maker
A library to display an interactive editor for any graph-like data.
Stars: ✭ 2,086 (+814.91%)
Mutual labels:  editor, drag
Wyg
A new WYSIWYG editing experience for the modern web
Stars: ✭ 73 (-67.98%)
Mutual labels:  editor, drag-and-drop
Web Editor
Web可视化组态编辑器(Angular8)
Stars: ✭ 67 (-70.61%)
Mutual labels:  editor, drag-and-drop
The Drag And Drop Component Suite For Delphi
Stars: ✭ 109 (-52.19%)
Mutual labels:  drag-and-drop, drag
Vue Smooth Dnd
Vue wrapper components for smooth-dnd
Stars: ✭ 1,121 (+391.67%)
Mutual labels:  drag-and-drop, drag
React File Drop
React component for Gmail or Facebook -like drag and drop file uploader
Stars: ✭ 123 (-46.05%)
Mutual labels:  drag-and-drop, drag
Grapesjs
Free and Open source Web Builder Framework. Next generation tool for building templates without coding
Stars: ✭ 14,892 (+6431.58%)
Mutual labels:  drag-and-drop, page-builder
Elementor Beta Tester
Run the beta versions of Elementor from Github.
Stars: ✭ 18 (-92.11%)
Mutual labels:  builder, page-builder
Ng2 Dnd
Angular 2 Drag-and-Drop without dependencies
Stars: ✭ 861 (+277.63%)
Mutual labels:  drag-and-drop, drag

Piper Build Status


Live Demo

A drag-and-drop mobile website builder base on Vue.

Install

npm install

Config

First of all,create a database piper in PostgreSQL, MySQL, SQLite or MSSQL.

Then set up .env file with your:

  • Database connection details
  • Qiniu SDK config
  • Github CLIENT_ID and CLIENT_SECRET
cp env.sample .env

Develop

npm run dev

A message about px to rem

// `px` is converted to `rem`
.convert {
    font-size: 16px; // converted to 1rem
}

// `Px` or `PX` is ignored by `postcss-pxtorem` but still accepted by browsers
.ignore {
    border: 1Px solid; // ignored
    border-width: 2PX; // ignored
}

Changelog

1.0.5

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].