# Using ionic framework javascript and animations without using controllers

**URL:** <https://forum.ionicframework.com/t/using-ionic-framework-javascript-and-animations-without-using-controllers/1144>\
**Category:** ionic-v1\
**Created:** [February 16, 2014, 5:36pm UTC](https://forum.ionicframework.com/t/using-ionic-framework-javascript-and-animations-without-using-controllers/1144 "2014-02-16T17:36:45Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![developer\_82](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/developer_82/32/64232_2.png) [@developer\_82](https://forum.ionicframework.com/u/developer_82)\
**Post date:** [February 16, 2014, 5:36pm UTC](https://forum.ionicframework.com/t/using-ionic-framework-javascript-and-animations-without-using-controllers/1144/1 "2014-02-16T17:36:45Z")

</div>

Hi,

I would like to implement the ionic look & feel in my app but without using angular and the controllers. I see how I can do that using only the css. I have no problem attaching events and ajax loading my self for pages. my question is, is there a way to have the nice looking transitions and animations without using the controllers?

Thanks

---

<div class="post-metadata">

**Author:** ![devocular](https://avatars.discourse-cdn.com/v4/letter/d/90db22/32.png) [@devocular](https://forum.ionicframework.com/u/devocular)\
**Post date:** [April 13, 2014, 1:36pm UTC](https://forum.ionicframework.com/t/using-ionic-framework-javascript-and-animations-without-using-controllers/1144/2 "2014-04-13T13:36:24Z")

</div>

+1  
i’m interested too.

---

<div class="post-metadata">

**Author:** ![Calendee](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/calendee/32/13656_2.png) [@Calendee](https://forum.ionicframework.com/u/Calendee)\
**Post date:** [April 14, 2014, 2:06pm UTC](https://forum.ionicframework.com/t/using-ionic-framework-javascript-and-animations-without-using-controllers/1144/3 "2014-04-14T14:06:58Z")

</div>

All of the animations are inside the CSS (for now). Most of the Ionic code is based on CSS transitions. However, they are pretty tied with Angular as Angular applies the transition classes to the view when told to do so via the core Ionic JS.

Examples :

```auto
.ng-animate .scroll-bar {
  visibility: hidden; }

.menu-animated {
  -webkit-transition: -webkit-transform 200ms ease;
  -moz-transition: -moz-transform 200ms ease;
  transition: transform 200ms ease; }

.ng-animate .pane {
  position: absolute; }

.action-sheet-backdrop {
  -webkit-transition: background-color 300ms ease-in-out;
  -moz-transition: background-color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); }
  .action-sheet-backdrop.active {
    background-color: rgba(0, 0, 0, 0.5); }

```

You’ll have to dig through the CSS to figure out what animations exist and how to apply them.