Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thealoneprogrammer/vue-drag-and-drop-block-builder
Vue JS Drag and drop implemented using vuetify framework. User can add a new block ,edit a block, delete a block and drag/drop the blocks. JSON Data generated will be displayed below
https://github.com/thealoneprogrammer/vue-drag-and-drop-block-builder
block-builder builder drag-and-drop drop form-builder vue-drag vue-draggable vue-drop vuejs vuetify-framework
Last synced: 7 days ago
JSON representation
Vue JS Drag and drop implemented using vuetify framework. User can add a new block ,edit a block, delete a block and drag/drop the blocks. JSON Data generated will be displayed below
- Host: GitHub
- URL: https://github.com/thealoneprogrammer/vue-drag-and-drop-block-builder
- Owner: thealoneprogrammer
- Created: 2020-03-28T01:50:42.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-05-11T03:57:18.000Z (over 4 years ago)
- Last Synced: 2024-11-07T07:32:56.207Z (about 2 months ago)
- Topics: block-builder, builder, drag-and-drop, drop, form-builder, vue-drag, vue-draggable, vue-drop, vuejs, vuetify-framework
- Language: HTML
- Homepage:
- Size: 7.81 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-drag-and-drop-block-builder
Vue JS Drag and drop implemented using vuetify framework.
User can add a new block ,edit a block, delete a block and drag/drop the blocks.
JSON Data generated will be displayed belowTake a demo below
https://deag-and-drop-block-builder.firebaseapp.com/
**Some Glimps**
![Screenshot from 2020-03-28 08-03-47](https://user-images.githubusercontent.com/38497682/77813091-defcc180-70cb-11ea-84d9-0d1bdfc93795.png)
![Screenshot from 2020-03-28 08-04-09](https://user-images.githubusercontent.com/38497682/77813118-081d5200-70cc-11ea-8050-cfba0cf4896f.png)
![Screenshot from 2020-03-28 08-04-27](https://user-images.githubusercontent.com/38497682/77813107-fe93ea00-70cb-11ea-94b9-061081e38e2f.png)
![Screenshot from 2020-03-28 08-04-35](https://user-images.githubusercontent.com/38497682/77813110-ffc51700-70cb-11ea-9115-e8d7d1a604ec.png)
![Screenshot from 2020-03-28 08-04-49](https://user-images.githubusercontent.com/38497682/77813112-00f64400-70cc-11ea-9a13-a99795bc51a6.png)