Sign Up to Subscribe

To get the latest and most quality design resources!

Sign Up to Subscribe

Thank you for your support!


Best Prototyping Tool for Mobile, Web and Desktop Apps.

Get Started for Free


Handoff Designs with Accurate Specs, Assets, Code Snippets Automatically.

Get Started for Free

Mockplus Sample Project – Smoothies (App, Drink)

Mockplus Team 8262 Views

Smoothies is a drink app whose Home page mainly consists of pictures. It uses an Image component, which lets you choose whether to show text in placeholder or not, import photos with double clicking and choose different image filling models according to your actual situations, in Mockplus. Its Detail page features for a suspending side pull panel that does not occupy much screen space, and also is easy to be made and viewed. And its expandable and collapsible panel can be easily created by using a Panel component with various components included, adding a“Move”interaction to it and selecting the “Auto Reverse” option. And let’s check the results in the below prototype.

Let’s firstly take a quick look at the GIF:


Click here to preview this prototype online:

Here is the UI Flow in large size:


The main pages of this prototype include: Home, Detail, Search and Settings, etc.

All the above pages can be downloaded from here.

All pages of the album (6 pics in total) can be downloaded from here.

Enjoy it!



Mockplus is a desktop-based tool for prototyping mobile, web and desktop apps easily and quickly. Create interactions by simple drag-and-drop and your teamwork will be time-efficient with the collaboration features.

Free Trial

Need help?

Join Mockplus on Slack Click here