Next.js visual editor - v0 by Vercel

Build a full-featured visual editor in Next.js that allows users to create and edit websites using HTML, CSS, and JS.

Core Features: Live Editing Interface

Drag-and-drop support for elements (divs, buttons, images, etc.)

Code view + visual canvas with live preview

Tabs Panel

Element Tab: Add prebuilt components or raw HTML elements

Layer Tab: Shows DOM structure like a tree (reorder/move/delete)

Style Tab: Edit styles using GUI (padding, margin, font, etc.)

Responsive Modes

Toggle view between Desktop / Tablet / Mobile

Device-specific styling and layout adjustments

Export Functionality

One-click export to get final HTML, CSS, and JS files

Extra Features (Optional):

Support for popups, sliders, and reusable components

Preview mode

Autosave or manual save option

Show full message

i am able to drag things on editor but unable to modify them

i want layer to be also dragable, so that use can move things and sift them in side any container, and also when i click on element open style sheet automatically, also undo redo not working

README.md