Saltar al contenido principal
LIVE

Visual Configurator

Now active with 50+ animations

Get Started
NEW

Library

Visual configurator

SureCart

Resources

Templates
Get StartedLogin
Main categories

Hero

21 components

Cards

18 components

Pricing

17 components

Header

5 components

Features

27 components

Testimonial

12 components

CTA

11 components

Button

10 components

About

7 components

Contact

9 components

Megamenu

7 components

Roadmap

5 components

Ready to enhance your Bricks Builder experience?

Access our complete library of professional components.

Explore allHow it worksGet Started
Animated elements

Core Background

Dynamic background animations

Showcase

Impressive presentation effects

Visual effects

Eye-catching elements

Animated texts

Dynamic typography effects

Interactions

User-triggered animations

Menu animation

Interactive Menu Effects

Soon

Transition pages

Smooth navigations effects

Soon

Instant Motion

Instant animations, preconfigured for stunning visual impact

Ready to enhance your Bricks Builder experience?

Add premium elements that enhance user experience.

How it worksGet Started
SureCart components

Product pages

High quality product templates

SureSwitch

Dynamic price toggle with flexible payment options

SureProtect

Elegant content protection for premium membership areas

Ready to enhance your Bricks Builder experience?

Take advantage of these extraordinary features to enrich your customers' websites.

Explore allGet Started

Pricing

Simple, transparent pricing plans

Limited LTD

About me

Learn about Bricksfusion

ChangeLog

Latest updates and improvements

Roadmap

Find out what's coming to Bricksfusion

Contact

Get in touch with us

Community

Join our facebook community

Quick Started

Discover how easy Bricksfusion is

Download Core Framework Stylesheet

Makes templates look exactly as designed

Ready to enhance your Bricks Builder experience?

Unlock Bricksfusion. Make today your launch day.

Get Started
  • Library

    • Library

    • Explore Full Library

      Access our complete collection of professional components.

      View All Components

    • Hero

      20 components

      Cards

      18 components

      Pricing

      17 components

      Header

      5 components

      Features

      25 components

      Testimonial

      12 components

      CTA

      11 components

      Button

      10 components

      About

      7 components

      Contact

      9 components

      Megamenu

      7 components

      Roadmap

      5 components

  • Visual configurator

    • Visual Configurator

    • Animated elements

      Enhace your projects with professional motion effects.

      Get Premium Access

    • Animated Elemnets

      Core Background

      Dynamic background animations

      ShowCase

      Impressive presentation effects

      Visual effects

      Eye-catching elements

      Animated texts

      Dynamic typography effects

      Interactions

      User-triggered animations

      Menu animation

      Interactive Menu Effects

      Soon

      Transition pages

      Smooth navigations effects

      Soon

      Instant Motion

      Instant animations, preconfigured for stunning visual impact

  • SureCart

    • SureCart

    • SureCart components

      Product pages

      High quality product templates

      SureSwitch

      Dynamic price toggle with flexible payment options

      SureProtect

      Elegant content protection for premium membership areas

    • Templates
  • Resources

    • Resources

    • Pricing

      Simple, transparent pricing plans

      Limited LTD

      About me

      Learn about Bricksfusion

      Contact

      Get in touch with us

      ChangeLog

      Latest updates and improvements

      Roadmap

      Find out what's coming to Bricksfusion

      Quick Started

      Discover how easy Bricksfusion is!

      Community

      Join our facebook community

    • Get StartedLogin

    Documentation

    v2.0

    GETTING STARTED
    Quick started
    Installing transitions
    MENU ANIMATIONS
    Expandable tab

    New

    Mobile Opener

    New

    Dynamic island
    CORE BACKGROUND
    Ambient Gradient
    Aura Flow
    Celestial Flow
    Cosmic Harmony
    Fire effect
    Floating Glow
    Fluids
    Vortex
    Nebula
    Network effectSnowfall
    Video Overlay
    New!
    Wave Background
    New!
    Path

    New

    SHOWCASE
    AutoSlide
    Avatar
    Brand Carousel
    Card Expand
    Card Twist
    Card Tilted
    Carousel Cards
    Dimension Reel
    Fade Flow
    Scroll Gallery

    New

    Scroll Stack
    Talent Orbit
    Wave Card
    VISUAL EFFECTS
    Blossom

    New

    Border Drift
    Border Stream
    Button Reveal
    Circles
    Curtain Reveal
    Ethereal Trail
    Flip Canvas
    Gemini

    New

    Glass Card
    PrismBorder
    Spotlight
    Status Pulse
    SVG Reveal
    Whisper motion

    New

    ANIMATED TEXT
    Morphing text

    New

    Proximity

    New

    Reveal text
    Text Motion
    Text Wave
    Video text

    New

    Word Rotate
    INTERACTION
    Copy&Paste
    Float vision

    New

    Folder
    Horizontal Parallax
    Smart Notify
    Social Bloom
    Timeline GradientVertical Parallax
    INSTANT MOTION
    Ray Cast
    Water
    Gradient
    Orbe
    Huly
    Warp
    SURECART
    Installing templatesSureCart 001 Product PageSureCart 002 Product PageSureCart 003 Product PageSureCart 004 Product Page
    BUTTONS
    Hover fill
    Ripple effect
    Wave effect
    Magnetic effect
    Hover 3D
    Shine effect
    Portal effect
    Essence effect
    Aura effect
    Brush effect
    TRANSITION PAGES
    Transition Page 1

    Soon

    Transition Page 2

    Soon

    Transition Page 3

    Soon

    Transition Page 4

    Soon

    Transition Page 5

    Soon

    Transition Page 6

    Soon

    Transition Page 7

    Soon

    Spotlight Configurator

    How to Use in Bricks Builder

    1. Customize your Spotlight effect using the controls below
    2. Click the Get Code button and copy the JavaScript
    3. In Bricks Builder, add a Code element and paste the JavaScript
    4. Add the attribute
      data-spotlight📋
      to your container element
    This tool creates a custom script with your settings built-in. All your Spotlight configurations are included in the generated code!
    Spotlight
    BricksFusion Exclusive Get Your Spotlight Effect

    Add stunning spotlight animations with sparkles to your website elements with this custom-crafted JavaScript snippet.

    • Eye-catching spotlight effects with customizable colors
    • Fully responsive design that adapts to any container
    • Smooth scroll-triggered animations with GSAP integration
    • Beautiful sparkle effects for added visual appeal
    • Automatic text illumination with Window Light mode
    • Works in all modern browsers and devices
    Effect Settings
    Spotlight Color

    Choose the color for your spotlight effect

    Spotlight Effect

    Choose a realistic lighting effect

    Light Direction 45°

    Direction the light is coming from

    Spotlight Intensity 0.8

    Controls the brightness of the spotlight effect

    Spotlight Size 150%

    Adjust the size of the spotlight relative to element

    Blur Amount 8px

    Add blur for a softer spotlight effect

    Animation Duration 1s
    Sparkle Settings
    Enable Sparkles
    Add magical sparkle effects to the spotlight
    Sparkle Count 5

    Number of sparkles that appear initially

    Sparkle Frequency 30%

    Chance of new sparkles appearing during animation

    Sparkle Size 6px
    Trigger Settings
    Trigger Type

    When the spotlight effect should activate

    Scroll Start Position top bottom
    Scroll End Position bottom top
    Reverse on Scroll
    Reverse animation when scrolling up

    JavaScript Code