Bricksforge (Brickforge.io) là một plugin cao cấp giúp mở rộng sức mạnh của Bricks Builder — page builder “low‑code” mà bạn đang dùng. Đây là “Swiss Army knife” của Bricks: nó cung cấp cả bộ công cụ về animation, động, form, UI backend, email templates… tất cả đều thao tác trực quan qua Builder mà không cần code nhiều
🔧 Thế mạnh nổi bật
1. Modular – Chỉ bật khi cần
Bạn có thể bật/tắt từng module (giao diện, popup, animations…) tùy dự án — giúp hiệu năng tốt, không gây nặng nề .
2. Pro Forms & Dynamic Data
– Pro Forms: form nâng cao với logic đa bước, CRUD, lưu submission vào database.
– Dynamic Data Tags: chèn dữ liệu, truy vấn động…
3. Bricksforge Panel (Node‑style interactivity)
- 
Giao diện UI trực quan để:
- 
Lắng nghe Event (scroll, click, custom, form submit,…),
 - 
Thực thi Action (chạy animation GSAP, thêm class, vv.),
 - 
Có thể thêm JavaScript nếu cần.
 
 - 
 - 
Tích hợp timeline, folders quản lý, điều kiện thể hiện… rất mạnh mẽ mà vẫn dễ dùng.
 
4. Animation & Page Transitions
- 
GSAP animation: kéo‑thả, builder làm hết.
 - 
Page Transitions dùng swup.js giúp load trang mượt mà, không full reload.
 
5. UX Design Elements
- 
Flip Everything, Before & After, Lottie, 3D Model, Scroll Video… giúp tạo tương tác rich media rất tiện.
 
6. Backend Designer & Email Designer
- 
Tự thiết kế dashboard / login area.
 - 
Kéo thả template email, hỗ trợ Twig, variable, rất hữu dụng cho marketing & client projects.
 
7. Node Editor
Tính năng Node Editor (trong Bricksforge 3.0) là bản nâng cấp toàn diện của Bricksforge Panel/Events, cho phép bạn xây dựng logic tương tác bằng giao diện kéo‑thả thay vì viết code thuần — rất phù hợp với low‑code như bạn 👌
🧩 Điểm nổi bật của Node Editor
a. Hệ thống node dạng flowchart
- 
Có 3 loại node chính:
- 
Event Nodes (màu vàng): định nghĩa trigger như click, hover, load page, v.v.
 - 
Action Nodes (màu xám): thực hiện hành động như thay đổi class, gửi request, hiển thị/ẩn phần tử…
 - 
Condition Nodes (xám có pin đỏ): kiểm tra logic “if/then” để điều hướng luồng xử lý
 
 - 
 
b. Kết nối pin trực quan
- 
Execution Pins (tam giác) định nghĩa trình tự thực thi.
 - 
Data Pins (vòng tròn, màu theo kiểu dữ liệu: xanh dương số, xanh lá text, đỏ boolean).
 - 
Hỗ trợ hiển thị hợp lệ (ô xanh) hoặc không (ô đỏ) khi nối pin
 
c. Các node xử lý logic nâng cao
- 
Branch Node: tách nhánh xử lý theo điều kiện.
 - 
Condition Group: kết hợp nhiều điều kiện (AND/OR).
 - 
Delay Node: chèn khoảng thời gian giữa các thao tác
 
d. Phù hợp mọi cấp độ
- 
Cho beginner: xây workflow đơn giản dạng “kéo & kết nối”.
 - 
Cho chuyên gia: granular control, giúp debug & hình dung logic rõ ràng hơn
 
3. Thực tế ứng dụng (ví dụ age‑gate)
- 
Có bài hướng dẫn tạo age‑gate popup, sử dụng Page Load Events + Form Submit + sessionStorage hoàn toàn bằng Node Editor mà không cần JS code
 
💡 Tại sao bạn – developer low‑code – nên dùng
- 
Tiết kiệm plugin: nhiều testimonials cho biết họ đã bỏ nhiều plugin khác khi chuyển sang Bricksforge.
 - 
Không cần code: làm animation, dynamic logic… trực tiếp trong UI, rất phù hợp người muốn mở rộng không gian low‑code của JetFormBuilder, JetSmartFilter, Greenshift…
 - 
Tích hợp sâu với Bricks: từ element, global class, logic condition, animation đến builder tùy chỉnh – tất cả nằm trong Bricks UI cho trải nghiệm mượt mà, trực quan.
 



