Video Tutorials

Learn Together

Browse official and community created tutorials to master various areas of Bricksforge and take your skills to the next level.

Filter

Feature

Feature
  • All
  • Bricksforge Panel (11)
  • Pro Forms (9)
  • Node Editor (2)
  • Tour Guide (1)

Level

Level
  • All
  • Beginner (15)
  • Advanced (8)

Tags

Tags
  • All
  • Animations (9)
  • Forms (9)
  • Conditional Logic (2)
  • Frontend Forms (2)
  • Node Editor (2)
  • User Experience (2)
  • 3D Models (1)
  • ACF (1)
  • Calculations (1)
  • Form Validation (1)
  • PDF Export (1)
  • Webhooks (1)

Creator

Creator

Search Tutorials

Search Tutorials

Track Form Submissions With Bricks Forge and Fathom Analytics

In this video, we learn how to log custom events in Fathom Analytics using the Bricks Forge Panel.

John Aperture

How I set up Horizontal Scroll in 5 minutes

By watching this video, you'll learn how to do it in less than 5 minutes (no joke!). We will just use Bricksbuilder and Bricksforge's animation panel (with its UI for GSAP).

Heiko Dietze

Stacking Cards On Scroll

In this tutorial, I'll show you how to create an impressive Stacking Cards On Scroll animation with GSAP to create dynamic effects on your website. I use the Bricks Builder in combination with Bricksforge.

Sebastian Dembinski

Dynamic Form with CPT, Validation Rules, Conditional Logic & PDF Export

This video will show you how to create a dynamic form using Pro Forms element from Bricksforge in combination with Bricks Builder. See how you can use the Validation Rules including simple Regex expressions, Conditional Logic, connect CPT fields to your form, calculate fields using the calculation element, display the calculation in Live Value elements and create a PDF gathering the data.

mygraphic.design

Frontend Post Submission Form using Pro Forms

In this detailed tutorial, I'll show you how to easily add your content, edit it and link your forms to Advanced Custom Fields (ACF) and the WordPress Post Fields. It works with ACF Relationship Fields, Checkboxes, Gallery Fields and others. Bricksforge 3.0 comes with powerful Pro Forms and Dynamic Tags.

Daveden Webdev

Mastering Bricksforge Pro Forms with Expert Techniques

In this beginner's guide to Bricksforge Pro-Forms, I'll take you step-by-step through creating a frontend form to update your WordPress posts. While this technique is simple, it will introduce you to many core concepts of working with Bricksforge's Pro Forms elements.

Paul Charlton

Create Mouse Movement Effects using the Bricksforge Panel

In this video, you will learn how to create a mouse movement effect using the Bricksforge Panel.

Bricksforge

Hero Section Video Animation

In this video you will learn how to create an impressive hero section animation with the brand new version Bricksforge 3.0.

Sebastian Dembinski

Webhooks With Bricks Forge Pro Form

In this video, learn how to configure webhooks with Bricks Forge Pro Form. With a webhook, we can send data from our website to an endpoint that will read our form data. In this demo, I use Pabbly Connect to read the contents of the Webhook.

John Aperture

How to create a form using Pro Forms Element from Bricksforge

In this video you will learn how to create a simple form using Pro Forms element from Bricksforge in combination with Bricks Builder. See how you can use the Multi-step element, the Text field, the Text field Area, the Email field, Tel field, Radio and Checkbox Wrappers. Besides the fields mentioned above, you will learn how to use the Live Value field, and also how to add a JSON file to a Select field.

mygraphic.design

Build a modern Fade In Menu with Bricksforge

Learn how to create a stunning fade-in menu animation using GSAP and Bricksbuilder with the Bricksforge add-on!

Bricksmotion

Introducing the Node Editor

In this video, you’ll learn the fundamental concepts and essential steps for effectively using the Node Editor.

Bricksforge

Setup a Tour Guide with Bricksforge

In this video, you'll learn how to configure the element "Tour Guide".

Bricksforge

Bulk Add Options to a Bricksforge Pro Form Select Field

Here's a simple tutorial with ChatGPT to help you bulk upload options to Bricksforge Pro Forms using JSON-encoded data.

Daveden Webdev

Basic 3D Headphone Animation

Today's video is a bit special as it will cover for the first time for me the basic introduction to 3D model element in Bricksforge, which is using the three.js 3D JavaScript Library. It is animated by GSAP.

Kokoro Web Animation

Awesome Text Reveal Effect on Scroll with Bricksbuilder

Check out how to pull off this awesome text reveal effect on scroll (no code necessary!)

Heiko Dietze

Building Forms with Calculations and Conditional Logic

In this tutorial, you'll learn how to perform conditional logic with calculations in Bricksforge Pro Forms.

Daveden Webdev

Front End Form With Bricks Builder and Bricks Forge

In this tutorial, you will learn how to edit post metadata using the Bricks Forge Pro Form. The user can edit post content dynamically with a front-end form.

John Aperture

How I made a horizontal slider on mouse scroll with Bricksforge

I think it’s so nice to have a feature like this on a website—and now you can add it too! It’s quick, it’s easy, and once you know how, you can set it up in just 3 minutes!

Heiko Dietze

Bricksforge Pro Forms – Building a frontend form

In this livestream, we'll attempt to build a frontend post submission form using Bricksforge.

Daveden Webdev

Node Editor Age Gate Demo

In this video, learn the new Bricks Forge 3.0 Node Editor to control a Bricks Builder popup template. The node editor controls page onload events, form submissions, and custom JavaScript. You will also learn about browser storage and how to check for your stored variables!

John Aperture

Create Layout Transitions with Bricksforge using GSAP FLIP

In this tutorial, we will create stunning layout transitions using the GSAP Flip technique.

Bricksforge

How I use the Stagger Text Effect with Bricksbuilder & Bricksforge

in this video I show you how to use this fascinating Stagger text effect with Bricksbuilder and Bricksforge, but without any code!

Heiko Dietze

Create Your
Free Playground

Test Bricksforge 7 days for free – as often you want!