Basic

A basic gallery with default configurations
  • containerZ:-1500
  • boxThickness:20
Launch

Light Theme

A light theme setup in main component and Media Viewer
  • containerZ:-1500
  • extrudeRotation:false
  • tintColor:'#999999'
Launch

Mix Size

A mix size gallery
  • containerZ:-800
  • itemDistanceX:380
  • boxThickness:24
  • columns:25
  • rows:3
  • backImage:'assets/back.png'
Launch

Audio gallery

Audio Gallery
  • containerZ:-1500
  • boxThickness:20
Launch

Video gallery

Video Gallery
  • containerZ:-1500
  • boxThickness:20
Launch

Curve outside

A curving out wall mode
  • containerZ:-5000
  • mode:'curveOutside'
  • columns:25
  • rows:8
  • boxThickness:26
  • backImage:'assets/back.png'
Launch

Curve inside

A curving in wall mode
  • containerZ:0
  • mode:'curveInside'
  • columns:25
  • rows:8
  • backImage:'assets/back.png'
Launch

Full width

A full width gallery
  • containerZ:-2500
  • extrudeRotation:false
  • boxThickness:20
  • control:'mousedrag'
Launch

2D Mode

The builtin 2D gallery mode, mainly used as fallback for unsupported browser
  • useFullscreen: false
  • force2d: true
  • easing: 'easeOutQuint'
  • duration: 2000
  • gal2d: { maxScale:0.75, distance:300}
Launch