An interaction design toolbox

What is Avocado?

Avocado is an open source interaction design toolbox built by​ IDEO.​ It ​enables designers to make quick interactive prototypes without writing a line of code.​ ​Built on top of Facebook's Origami framework, Avocado provides ready-to-use patches that can be easily combined to create fully-customized prototypes.​ Official announcement:

Avocado is a tool in the Mobile Prototyping & Interaction Design Tools category of a tech stack.

Who Uses Avocado?

Why people like Avocado

Here’s a list of reasons why companies and developers use Avocado.

Add a one-liner

Avocado's Features

  • Carousel, creates a swipeable carousel of images.
  • Bistable, makes an element snap to two positions.
  • Master Detail, creates a Master-Detail relationship between two views
  • Flip, creates a card that can be flipped back and forth
  • Hit Grid, creates a grid of Hit Areas. To retrieve which element has been clicked use Hit Grid Info
  • iOS Keyboard, provides an interactive keyboard. To retrieve the text being typed use iOS Keyboard Info

Avocado's alternatives

  • Framer - Turn static mockups into prototypes with animation & interaction
  • Lottie - Easily add high-quality animation to any native app (by Airbnb)
  • Material - A Graphics Framework for Material Design in Swift
  • Origami - A free design prototyping toolkit for Quartz Composer
  • Fiber - An interactive UI Kit by Framer.

See all alternatives to Avocado