Back to Home

Vigthoria Visual Editor

Build stunning websites visually. 100+ drag-and-drop components, WYSIWYG editing, code mode, team collaboration, per-project databases, AI assistant, and one-click deployment.

Documentation Topics

Getting Started

Create your first project and start building in the Visual Editor in minutes.

Components Library

100+ drag-and-drop components in 15+ categories: Layout, Text, Media, Forms, E-Commerce, Social, Charts, Maps, and more.

WYSIWYG Editing

Visual editing with real-time preview. Drag, resize, style, and configure components directly on the canvas.

Code Mode

Switch to code mode to edit HTML, CSS, and JavaScript directly with syntax highlighting and auto-complete.

Team Collaboration

Invite team members with role-based access: Owner, Editor, Viewer. Real-time project sharing.

Database Manager

Per-project SQLite database. Create tables, manage records, and build dynamic content without backend code.

AI Assistant

AI-powered code generation, debugging, content suggestions, and layout recommendations.

Deployment

One-click deploy to Vigthoria subdomain or custom domain with SSL. Instant publishing with CDN.

API Integrations

Connect Vigthoria Pay, Auth, AI, Storage, Community, and Music AI services directly in your projects.

Component Categories

Layout
Text & Typography
Media
Forms
E-Commerce
Social
Charts & Data
Maps
Grid Systems
Navigation
Galleries
Video & Audio
Code Embeds
Testimonials
Pricing Tables
Countdown Timers

Key Features

Handbooks & Downloads

Complete User Handbooks

Download the comprehensive Visual Editor user manual covering all features, workflows, and best practices.

Quick Start

Start Building in 3 Steps

  1. Go to coder.vigthoria.io/visual-editor
  2. Click "New Project" — name it and choose a template or start blank
  3. Drag components from the sidebar, edit visually, and click "Deploy" when ready
Open Visual Editor