Content – Orbit

Content In Motion

Orbit is a content plugin that brings your Joomla site to life with a true 3D rotating carousel, inspired by the innovative work of David DeSandro’s 3D transforms (https://3dtransforms.desandro.com/carousel). Unlike traditional sliders, Orbit literally rotates your content—articles, images, or modules—in a visually striking 3D space, creating a modern and engaging user experience. Whether you’re running a blog, portfolio, e-commerce store, or corporate site, Orbit makes your content stand out with a unique, eye-catching presentation.

Setting up Orbit is effortless. With a simple structure requiring at least three items, you can create a 3D carousel in minutes. Configure global defaults in the plugin’s settings or customize individual carousels using optional data- attributes (e.g., data-aspectratio, data-timer) for precise control. Control aspect ratios, horizontal or vertical orientation, forward or backward rotation direction, pause-on-hover, and adjustable timers for automatic rotation. You can even enable the built-in navigation buttons - or bake your own navigation using the documented JavaScript controls.

Orbit combines ease of use with powerful 3D design and developer-friendly controls, making it the ideal choice for Joomla users who want to showcase content in a dynamic, rotating display without coding expertise. Orbit is lightweight, fully compatible with Joomla 4.x and 5.x, and optimized for performance, ensuring seamless integration with your site.

How Content - Orbit Works

Orbit brings your content to life by spinning it into a vibrant 3D carousel. Unlike standard carousels, all your items—articles, images, or modules—are visible at once, elegantly arranged in a 3D circle. Each piece is perfectly positioned in space, creating a captivating, immersive display. Check out examples on this page or explore more in the demo pages linked below.

Why it works

Content - Orbit builds on David DeSandro’s groundbreaking work in 3D transforms, which enables precise calculations to position any number of content items (greater than or equal to 3) in a dynamic 3D circle. This foundation ensures Orbit delivers a seamless, visually captivating carousel experience for Joomla users, regardless of how many items you choose to display.

Content - Orbit Features

• True 3D Rotating Carousel: Display content in a dynamic, literally rotating 3D carousel, adapted from David DeSandro’s innovative 3D transforms.
• Automatic Resizing: Seamlessly adjusts carousel size for screen changes, like orientation shifts on tablets and phones, ensuring a perfect 3D display.
• Flexible Data Attributes: Set global defaults or override them for each carousel using data- attributes (e.g., data-aspectratio, data-timer).
• Customizable Aspect Ratios: Choose from 1x1, 4x3, 16x9, 21x9, or custom NxN to match your content’s style.
• Horizontal or Vertical Orientation: Rotate the carousel horizontally or vertically to suit your site’s layout.
• Auto or Manual Rotation: Set timers for automatic rotation or disable for manual control via custom scripts.
• Custom Scripting Controls: Use built-in previous/next buttons in a .carousel-options element or control the carousel with these orbit methods:
  • startTimer()
  • stopTimer()
  • prevCell()
  • nextCell()
  • toCell(N)
  • rotateCarousel()
• Pause on Hover: Pause rotation on hover for better readability and engagement.
• Forward or Backward Rotation: Control the 3D rotation direction for a tailored effect.
• Lightweight and Joomla-Native: Optimized for Joomla 4.x and 5.x with minimal code for fast performance.
• Easy Setup: Create a 3D carousel with a simple structure—no coding skills required.

Are you ready to turn your dull, flat carousel into a stunning 3D masterpiece that captivates every visitor?