Vue Contenteditable Form

Theme by Vannsl

|

Updated: 7 Sep 2021

|

52 Stars

A Notion-like forn using Vue 3, Vite and TailwindCSS

Categories

Overview

The Vue Contenteditable FormPrototype presents a fresh take on form creation, drawing inspiration from Notion. Built using Vue 3, Vite, and TailwindCSS, this tool provides a user-friendly interface for managing content in a dynamic way. With its current prototype state, it allows users to easily add, edit, and store content directly within editable blocks, all while encouraging contributions and future enhancements.

This project not only streamlines form interactions but also embraces modern web technologies, making it an ideal choice for developers looking for flexibility and functionality in their applications. Whether you’re looking to deploy a simple form or a more complex content management system, Vue Contenteditable FormPrototype offers a solid foundation for your needs.

Features

• User-Friendly Interface: Easily add and edit content within customizable blocks that resemble Notion’s sleek design.
• LocalStorage Support: Automatically store content in LocalStorage, ensuring that your data is preserved between sessions.
• Dynamic Block Management: With a simple button, you can add new content blocks on the fly, enhancing the interactivity of your forms.
• Future Enhancements: The roadmap outlines exciting features like rich text editing, image support, and resizable images, so the tool is continuously evolving.
• Open Source Contributions: The project welcomes contributions, making it easy for developers to collaborate and improve the features or address bugs.
• Prototype and Deployment: Currently in prototype, with automatic deployment capabilities on Vercel, enabling quick previews of your work.
• Comprehensive Testing Setup: Included test files alongside components ensure reliability and help maintain the quality of your application.