It would be great to have a way to use custom GSAP code directly inside the Bricksforge Animation Panel, especially for GSAP features that are not yet exposed through the UI.
Ideally, this could work in one of two ways:
Option 1 — Custom Code Timeline
Allow us to create a new timeline in the Animation Panel and switch it to a Custom GSAP / Raw Code mode. We could then write or paste GSAP code directly there while still managing the animation from Bricksforge.
Option 2 — Editable Generated Code (ideally two-way synced)
An even better solution would be to make the GSAP code generated by Bricksforge editable. Instead of only being able to view/copy the generated code, we could modify it directly.
Ideally, this could work both ways:
- changes made through the Animation Panel update the code,
- supported changes made to the code are reflected back in the Animation Panel.
This would provide an escape hatch for advanced GSAP features that aren’t available as controls yet, without forcing users to add separate JavaScript snippets to individual pages or external files.
The main benefit would be having one central place in Bricksforge to manage all GSAP animations, while keeping the visual workflow for common animations and full GSAP flexibility when needed.
This could also make Bricksforge much more future-proof, since users wouldn’t necessarily have to wait for every new GSAP option or plugin feature to be implemented as a dedicated UI control.
AI-assisted workflow
Another reason why this would be especially useful today is the growing use of AI coding agents for creating animations.
For more complex animations, it is often much faster to copy the current HTML structure of a section or component, give it to an AI agent, describe the desired behavior, and receive ready-to-use GSAP code — rather than manually recreating every part of the animation through individual controls in the Animation Panel.
If Bricksforge allowed us to paste that generated GSAP code directly into a timeline, we could still keep everything organized within the Animation Panel.
For example, a timeline could remain associated with a specific section or component, while its implementation could be either:
Visual controls → generated GSAP
or
Custom GSAP code → managed by Bricksforge
This would preserve the most important part of the Bricksforge workflow: one central place for creating, organizing and managing animations across the entire website.
Instead of having custom JavaScript scattered across Code elements, page settings, snippets or PHP files, each animation could stay logically connected to its timeline and the element or section it belongs to.
I think this kind of hybrid workflow — visual animation builder + editable/custom GSAP + AI-generated code — could make the Animation Panel significantly more powerful without requiring every possible GSAP feature to first be implemented as a dedicated UI control.