We're working on Fancy Bricks 3.0, which will bring major changes and a ton of new templates. The release is expected in November.
Buy Now
document.addEventListener('DOMContentLoaded', () => {
  // Espera a que todo cargue (incluido Bricks)
  window.addEventListener('load', () => {
    setTimeout(() => {
      const headerEl = document.getElementById('brx-header');
      const targetEls = Array.from(document.querySelectorAll('.fb-hide-on-scroll'));

      if (!headerEl || !targetEls.length) return;

      let headerHeight = 0;
      let addThreshold = 0;
      let removeThreshold = 0;
      let hidden = false;
      let ticking = false;

      function updateHeights() {
        headerHeight = headerEl.getBoundingClientRect().height;
        addThreshold = Math.ceil(headerHeight) + 1;
        removeThreshold = Math.max(0, Math.floor(headerHeight) - 6);
      }

      function applyHiddenClass(shouldHide) {
        targetEls.forEach(el => {
          el.classList.toggle('fb-hide', shouldHide);
        });
      }

      function onScrollRaf() {
        const scrollY = window.scrollY || window.pageYOffset;

        if (!hidden && scrollY > addThreshold) {
          hidden = true;
          applyHiddenClass(true);
        } else if (hidden && scrollY < removeThreshold) {
          hidden = false;
          applyHiddenClass(false);
        }
        ticking = false;
      }

      function onScroll() {
        if (!ticking) {
          ticking = true;
          requestAnimationFrame(onScrollRaf);
        }
      }

      updateHeights();
      window.addEventListener('scroll', onScroll, { passive: true });

      window.addEventListener('resize', () => {
        updateHeights();
        onScrollRaf();
      });

      if (typeof ResizeObserver !== 'undefined') {
        const ro = new ResizeObserver(() => {
          updateHeights();
          onScrollRaf();
        });
        ro.observe(headerEl);
      }

      onScrollRaf();
    }, 400); // <-- inicia 1 segundo después de la carga completa
  });
});

Shopping and account registration will be back soon; we are currently updating the website.

Important: Follow the steps indicated at the end of the purchase process

Buy Lifetime on Gumroad

Lemon Squeezy accept credit card and PayPal payments

You will be able to generate the invoice with the button that appears at the end of the payment confirmation email.

 

*If you already have an annual plan and want to upgrade to Lifetime, send me an email to john@fancybricks.co and I will generate a coupon with the value you have already paid.

<script>
  
  // Esperar a que se cargue completamente el DOM
document.addEventListener("DOMContentLoaded", function() {
  // Obtener referencia a los elementos
  const boxLemon = document.querySelector(".box-lemon");
  const armSetupSubmitBtnWrapper = document.querySelector(".arm_setup_submit_btn_main_wrapper");

  // Verificar si se encontraron los elementos
  if (boxLemon && armSetupSubmitBtnWrapper) {
    // Mover el elemento .box-lemon debajo de .arm_setup_submit_btn_main_wrapper
    armSetupSubmitBtnWrapper.appendChild(boxLemon);
  }
});


</script>