Curved Panoramic 3D Carousel Slider

This template contains all the necessary files needed to help you quickly set up a curved, panoramic 3D carousel slider. While the package at the moment contains copy-paste templates for Bricks, it also includes JavaScript and CSS for any other platform like Webflow, Oxygen, Breakdance, Elementor, etc.

Read the accompanying blog post here: How to Create a Curved, Panoramic 3D Carousel Slider in Bricks

How to Install (Bricks Builder)

In order for the slider to work, you must first enqueue the required GSAP library at the header of your website or the page where you intend to use it.

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/Draggable.min.js"></script>

If you do not need the draggable feature, you can do without Draggable.min.js

The archive contains two folders. The Bricks Template folder contains the template layout for both versions of the slider. To apply any one of them:

1. Open the appropriate JSON file in Notepad

2. Copy all the JSON content and simply paste in your Bricks Builder Editor.

3. Select the Code element in your structure panel

4. Execute code

For support or questions, drop a line at https://lightspuncreative.com/contact