Animation or templates are not working

Visual Editor Help
1

trying to build our site with builder.io, but the readily available templates and animations are not working properly

Builder public api key
2602ad5c4a584dba8331a6f2bac22321

**trying to use readily available templates and animation from the builder with vue2 +builder stack **
the following is the screen shot first one shows the page in builder with "contact us " and hero slider template from featured tempate of builder

529751434234686167
5297514342346861671380×1002 118 KB

the preview shows the following : only showing the “contact us” but not including the hero slider part

5555b
5555b1279×899 92.1 KB

VISIT US

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Monday -Saturday: 10am - 8pm

Sunday: 11am - 6pm

GET DIRECTIONS
.div { display: flex; flex-direction: column; position: relative; margin-top: 20px; height: auto; padding-bottom: 30px; } .div-2 { display: flex; flex-direction: column; position: relative; margin-top: 20px; } .div-3 { gap: 20px; display: flex; } @media (max-width: 991px) { .div-3 { flex-direction: column; align-items: stretch; gap: 0px; } } .column { display: flex; flex-direction: column; line-height: normal; width: 50%; margin-left: 0px; } @media (max-width: 991px) { .column { width: 100%; } } .img { aspect-ratio: 1.43; object-fit: cover; object-position: center; width: 100%; text-align: center; height: auto; padding-left: 5-x; margin: 30px 0 0 30px; } @media (max-width: 640px) { .img { margin-left: 0px; } } .column-2 { display: flex; flex-direction: column; line-height: normal; width: 50%; margin-left: 20px; } @media (max-width: 991px) { .column-2 { width: 100%; } } .div-4 { position: relative; margin-top: 30px; text-align: left; height: auto; padding: 30px; } .a { all: unset; display: flex; flex-direction: column; position: relative; appearance: none; background-color: rgba(194, 162, 132, 1); color: white; text-align: left; cursor: pointer; width: auto; align-self: center; margin: 20px auto 0 30px; padding: 14px 28px; }

PS. we also found that the pages we added animations do not show the effects either

2

Hello @ipar,

At present, our Vue SDK exclusively supports custom animation components. However, it’s essential to note that Builder.io’s “animations” tab is not currently supported with our Vue SDK.

For further information and updates, please refer to the official Github documentation: Builder.io SDK Features.