Introduction

Last updated 28/07/2026

Modules

The Modules view provides a central location for creating and managing custom application modules within Five. While most applications can be built using Five's visual low-code environment, modules allow you to extend the platform with custom functionality written in JavaScript and ReactJS. This makes it possible to create advanced user interfaces such as dashboards, charts, visualizations, custom components, third-party integrations, and other functionality that goes beyond the standard platform features.

Each module is represented as a separate project. Creating a new module automatically generates a complete project structure that is ready to build immediately, allowing development to begin without any manual configuration. The project is opened in Five's built-in Module Editor, a browser-based code editor designed specifically for module development. The editor provides a familiar development experience while remaining fully integrated with the Five platform.

Within the Module Editor, the src folder contains the application's source code and is fully editable. You can modify existing files, create additional folders, and add new JavaScript, TypeScript, CSS, image, or other project files as required to organize your application. This allows each module to grow naturally as functionality is added while maintaining a familiar project structure.

Several project configuration files are also included in every module, including package.json, tsconfig.json, and webpack.config.js. These files define the project's dependencies, TypeScript compiler settings, and build configuration. Unlike the source files, these configuration files are locked and cannot be edited.

These files are intentionally managed by Five to ensure every module is built within a consistent, supported environment. Locking the configuration prevents changes that could introduce incompatible package versions, alter the build process, or modify compiler behavior in ways that would affect reliability, security, or future platform updates. By controlling the project configuration, Five can automatically manage dependencies, optimize builds, maintain compatibility across platform releases, and allow V, Five's AI Assistant, to generate and update modules without requiring developers to manually maintain project infrastructure.

As a result, module development remains focused on writing application logic and user interface code rather than configuring build tools or managing the underlying development environment. Developers receive the flexibility of a modern JavaScript and ReactJS project while Five transparently manages the infrastructure required to build and deploy it.