Celtra Builder provides various interactive presentation components that allow users to browse, pan, scroll, and swipe through brand content in order to increase user engagement. Some of the key components include Transition Component to create animated transitions between images and videos, 360o View to showcase objects from all sides, Animatey to display animated GIF-like images, Grid to exhibit image collections, Swipey Gallery for image browsing, Light Table for thumbnail navigation galleries, Pannable for scrolling larger images, Stack and Flippy for flipping cards, and Swipey Group for grouping swipeable items. All components can be built interactively within Celtra Builder for creating engaging visual presentations.

1. Celtra Builder Features
Presentation

2. Builder Features Overview
Presentation
Swipey Gallery,
Flippy, Stack

3. Presentation
Interactive features that beautifully
display brand content for increased
user engagement

4. • Build interactive creative quickly and easily
• Choose from a selection of components that
can increase engagement by allowing users
to browse, pan, scroll and swipe
Present media to users with a selection
of predefined component behaviors
Presentation
Light Table
360º View TransitionAnimatey
GridSwipey Gallery
PannableStack Swipey GroupFlippy

5. Transition Component
Elevate your creatives with animated transitions
• Create cinematic transitions between multiple
images and videos
• Choose from 15 preset transitions to transform
static images into visually appealing creatives
• Trigger transition automatically through user
scroll* or time activated animation
• Preview as you go with in-Builder preview
* Available only on web.

6. Building with Transition Component

7. Transition Component Example

8. 360º View
Showcase the design of an object
from all sides
• Leverage a series of images to build a 360º view
of an object
• Tilt or swipe horizontally to engage
• Animate without user interaction and predefine
the rate and direction of the spin (optional)
• Use 360º view to create flipbooks or other frame
based interactive animations

9. Building with 360º View

10. 360º View Example

11. Animatey
GIF-like experience for when using a
video file just isn’t an option
• Display a series of still images
• Set the direction of the animation, choose
looping and control the speed to achieve
the desired effect
• Trigger the animation automatically or on
user interaction

12. Building with Animatey

13. Animatey Example

14. Grid
Easy way to exhibit a collection of
images within a table display
• Thumbnail size is calculated automatically
based on set number of rows and columns
• Thumbnails can be tapped to trigger an
event, which is useful for creating a visual
navigation menu
• The look can be adjusted by changing the
padding (cell-spacing) and shadowing

15. Building with Grid

16. Grid Example

17. Swipey Gallery
Showcase a product or a service using
any number of images
• Build a user interface for browsing using a swiping gesture
• Set the swiping direction to be either horizontal or vertical
• Configure the images to auto-animate and loop, customize
the padding and select between easing options
• Create a custom menu bar or navigation mechanism

18. Building with Swipey Gallery

19. Swipey Gallery Example

20. Light Table
Seamlessly create an image gallery
with thumbnail navigation
• Works best with 5 or more items in the gallery
• When more then 5 items are presented, the
consecutive thumbnails will slide into view when
the last item is reached
• Items and thumbnails can have a custom design

21. Building with Light Table

22. Light Table Example

23. Pannable
Efficiently use the screen real estate
to show a larger image
• Pan or scroll across a larger masked item
• Add interactivity to your pannable object by adding
Buttons or Hotspots
• Auto-scroll the masked item to move in any direction

24. Building with Pannable

25. Pannable Example

26. Stack
Create a “stack of cards” gallery
• Swipe left or right to dismiss each card or image
• Combine with Flippy component to allow users
to flip two-sided cards

27. Flippy
Create an interactive “card” that can be
flipped from side to side
• Set card to flip in configured direction (north,
south, east, west)
• Trigger the flip automatically or on user
interaction such as tapping the card or tapping
another object on the screen

28. Building with Stack & Flippy

29. Stack Example

30. Swipey Group
Enables users to swipe through a set of
grouped items
• Users can swipe horizontally or vertically
• Create “subpages” using containers on a single
creative page and place multiple components on
a single page

31. Building with Swipey Group

32. Swipey Group Example