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: 3 months 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 (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-05-11T03:57:18.000Z (about 5 years ago)
• Last Synced: 2024-12-27T15:11:02.115Z (5 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 below

Take 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)