AYCC Form Builder
AYCC Form Builder lets you create visual interfaces and content without writing code. You can build pages, forms, dashboards, graphic elements, data components, and exportable content.
Access
The recommended way to open the Builder is from MainApp_DEMO through the Builder entry in the sidebar. Locally, you can also open http://localhost:5174.
| Path | Purpose |
|---|---|
/login | Builder login |
/register | Registration |
/guest-login | Guest access, when enabled |
/dashboard | Project list |
/builder/:projectId | Visual editor for a project |
/profile | User profile |
/settings | Settings |
/bridge | Access through MainApp_DEMO |
Project Dashboard
From the dashboard you can view projects, create a new project, open an existing one, manage project settings and data, and access invitations or collaboration features when enabled.
Visual Editor
| Area | What you do |
|---|---|
| Canvas | Arrange and select page elements |
| Toolbox | Pick components to add |
| Property panel | Edit text, colors, size, and behavior |
| Layers or structure | Control hierarchy and order |
Available Components
The Builder includes text, headings, HTML, buttons, icons, images, video, sliders, containers, grids, headers, footers, forms, shortcodes, cards, accordions, modals, tabs, breadcrumbs, dropdowns, charts, data grids, record lists, calendars, task manager, Chatwoot inbox, social elements, avatars, steppers, spacers, and dividers.
Build the structure first with containers, grids, headers, and footers. Add text, forms, and data components afterward.
Editing Elements
- Select an element on the canvas.
- Open the property panel.
- Change content, style, and settings.
- Check the result in preview.
- Save before changing page or project.
Elements can be duplicated, deleted, reordered, and moved.
Templates
Templates let you start from a ready-made structure for landing pages, dashboards, standard forms, reusable sections, and quick prototypes. After applying a template, customize texts, colors, images, and data components.
Forms and Data
When you need to collect data in a table, first prepare the base and table in DB Designer, then use the Builder to create the form or view.
Collaboration
The Builder supports project invitations, collaborators, real-time collaboration status, and a dedicated synchronization backend. When multiple people work on the same project, agree who edits which pages.
Plugins
Plugins extend the Builder with custom components. Before using a plugin in an important project, check that it is active, recognizable, works in preview, and is included correctly in exports.
Export and Publishing
Before exporting, open preview, check desktop and mobile, verify images and data components, save the project, and run the export.
Components that depend on APIs, databases, or user sessions may require additional configuration outside a simple static export.