The easiest way to add animations

Select any element on your page

Works on any website and no code required

Edit animations in realtime

Choose one of the many presets or build your own animation. You can easily animate any css property

Export 1 line of code

Export and just embed 1 line of code in your html

Why Bouncy House?

Adding animations can be painfull. Especially if you don't use a website builder.


Bouncy House is a browser extension that let's you edit your animations in real time. Simply select the element you want to animate on the page, or use a css selector.


Normally, you'd have to add your animation in code, which can cause a long feedback loop, as you'd have to go back and forth many times. For complex animations, it's even more difficult to get the code right. With Bouncy House, you have instant feedback. After that, you can just export your code and embed one line of code in your html body.

Website builder
Wordpress plugin
Code
Bouncy House
Visual editor & live preview
✓
✓
No
✓
Works on any (custom) website
No, you have to build your site on the platform
No, you have to build your site on the platform
✓
✓
Complex animations (split text etc.)
Depends on builder
Limited
✓
✓
Costs
Montly subscription
Montly subscription
Free
Free
  • detailed editing

    DETAILED EDITING

  • live preview

    LIVE PREVIEW

  • chrome devtools integration

    CHROME DEVTOOLS INTEGRATION

Try the BETA now

Bouncy House is still in beta, but is fully featured. You can try it completely free


Features

⚡Different types of triggers (appear, hover, press, loop)🎨Intuitive animation editor, with presets included🤖Animate any css property📦One-line embed code🔧Works on any website🎯Chrome inspect element integration🥰Advanced text animations (like typewriter effect)