# Animation or templates are not working

**URL:** <https://forum.builder.io/t/animation-or-templates-are-not-working/4689>\
**Category:** Visual Editor Help\
**Tags:** visual-editor\
**Created:** [December 21, 2023, 9:37am UTC](https://forum.builder.io/t/animation-or-templates-are-not-working/4689 "2023-12-21T09:37:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ipar](https://avatars.discourse-cdn.com/v4/letter/i/ec9cab/32.png) [@ipar](https://forum.builder.io/u/ipar)\
**Post date:** [December 21, 2023, 9:37am UTC](https://forum.builder.io/t/animation-or-templates-are-not-working/4689/1 "2023-12-21T09:37:00Z")

</div>

trying to build our site with [builder.io](http://builder.io), but the readily available templates and animations are not working properly

> **[Builder.io: Visual Development Platform](https://builder.io/content/a7d83fb1258249dabe8dd0496a23d423)**
>
> Drag and drop with your components, right within your existing site or app. Build and optimize digital experiences for any tech stack, visually..

**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](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/b/b0644e646a1a01d27eec27950afef18a85bc74cd.jpeg)

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

 ![5555b](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/0/0a2aabc13d1140c05d5c2e5e41282e1d816957bf.jpeg)  

 ![]()

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](http://maps.google.com)

.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

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [December 27, 2023, 3:52pm UTC](https://forum.builder.io/t/animation-or-templates-are-not-working/4689/2 "2023-12-27T15:52:44Z")

</div>

Hello @ipar,

At present, our Vue SDK exclusively supports custom animation components. However, it’s essential to note that [Builder.io](http://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](https://github.com/BuilderIO/builder/tree/main/packages/sdks/#features).