Introduction

What is PtahJs?

PtahJs is a visual engine designed for extensibility. Its core is derived from enterprise-level low-code platforms, aiming to simplify the development process and enhance scalability.

Key Features Overview

• Supports Vue3: Seamlessly integrates with the popular Vue3 framework.
• Designed for Extensibility: The core engine is meticulously designed for easy extension and customization.
• Component-based Development: Build low-code platforms through component development, reducing the learning curve.
• Supports Multiple Modes: Supports nested modes, canvas mode, 3D mode, and flowchart mode to meet diverse needs.

Visual Platform Layout and Structure

Header

module area

workspace

configuration area

<template>
    <main class="text-white">
        <header class="bg-purple-300 py-1 px-2 mb-1">Header</header>
        <div class="flex">
            <aside class="bg-purple-300 py-1 px-2 mr-1 w-[120px] flex items-center justify-center">
                module area
            </aside>
            <div class="bg-rose-300 py-1 px-2 flex-1 h-[300px] flex items-center justify-center">
                workspace
            </div>
            <div class="bg-purple-300 py-1 px-2 ml-1 w-[120px] flex items-center justify-center">
                configuration area
            </div>
        </div>
    </main>
</template>

<script>
export default {
    name: 'LowcodeLayout',
    setup() {
        return {};
    }
};
</script>

Component Nesting

PtahJs allows developers to build applications in a componentized manner, where components can nest within each other to form complex layout structures. This approach not only enhances code reusability but also simplifies maintenance.

Canvas Mode

With the built-in canvas mode, developers can intuitively drag and drop components to quickly build UI interfaces. The canvas mode supports various layouts and custom styles, offering greater flexibility in interface design.

3D View

PtahJs has a built-in 3D view mode, allowing developers to build and display 3D models within the platform. This feature is particularly useful for applications that require 3D displays, such as virtual reality, product showcases, etc.

Flowchart

The platform also supports a flowchart mode, suitable for building applications like process management and task scheduling. With flowcharts, developers can intuitively visualize and manage business workflows, improving work efficiency.

Multimedia Editing

The platform also supports multimedia editing modes, ideal for building applications such as audio and video editing.