https://github.com/versa-stack/v-craft

@versa-stack/v-craft is an easily configurable page editor for Vue 3 components
https://github.com/versa-stack/v-craft

ui-editor vue3

Last synced: 3 months ago
JSON representation

@versa-stack/v-craft is an easily configurable page editor for Vue 3 components

• Host: GitHub
• URL: https://github.com/versa-stack/v-craft
• Owner: versa-stack
• License: mit
• Created: 2024-09-10T14:45:51.000Z (almost 2 years ago)
• Default Branch: develop
• Last Pushed: 2026-02-19T11:47:11.000Z (4 months ago)
• Last Synced: 2026-02-19T15:56:12.963Z (4 months ago)
• Topics: ui-editor, vue3
• Language: TypeScript
• Homepage: https://versa-stack.github.io/v-craft/
• Size: 18.2 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![codecov](https://codecov.io/gh/versa-stack/v-craft/branch/develop/graph/badge.svg?token=VLUY6V79PV)](https://codecov.io/gh/versa-stack/v-craft)

# @versa-stack/v-craft | Vue 3 Drag-and-Drop Page Editor

@versa-stack/v-craft is an easily configurable page editor for Vue 3 components. This project aims to provide a powerful and flexible drag-and-drop interface for creating websites with little to no programming knowledge.

Inspired by [craft.js](https://craft.js.org/) and its Vue ports ([Vue 2](https://github.com/yoychen/v-craft) and [Vue 3](https://github.com/loming/v-craft/tree/vue3)), @versa-stack/v-craft takes the concept further by integrating with Pinia for state management and offering enhanced customization options.

## Features

- Drag-and-drop interface for easy page building

- Compatible with any Vue 3 component

- Pinia-based state management for efficient node tree handling

- Dynamic instantiation of Vue 3 components and properties

- Part of a larger platform for creating full websites using only a browser

## Documentation

For documentation and examples, including installation instructions and quick start guide, please visit our [official documentation site](https://versa-stack.github.io/v-craft/develop).

## Contributing

We welcome contributions! Please see our [Contributing Guide](/CONTRIBUTING.md) for more details.

## License

This project is licensed under the [MIT License](/LICENSE).

## Acknowledgements

- [craft.js](https://craft.js.org/) - The original inspiration for this project

- [v-craft (Vue 2)](https://github.com/yoychen/v-craft) - Vue 2 port of craft.js

- [v-craft (Vue 3)](https://github.com/loming/v-craft/tree/vue3) - Vue 3 port of craft.js

## Support

For support, please open an issue in our [GitHub repository](https://github.com/versa-stack/v-craft/issues).

---

@versa-stack/v-craft is part of the Versa Stack ecosystem, aiming to revolutionize website creation through intuitive, browser-based tools.