Add Modal Forms, Full-Screen Photos Overlay and Hamburger Menu to your Site
Animations & Overlays Launchpad demo + Sketch Freebie Design
Anima allows designers to create high-fidelity prototypes right inside Sketch, Adobe XD, and Figma and export HTML & CSS in a single click.
Now we wanted to cover some of the common use cases for these cool new features 😎
Links:
How to Use it
Under the ••• button in the Launchpad panel on the bottom right corner, you can find these two new featutes — Animations & Show Overlay.
Now let’s see some tricks.
🍔 Hamburger Menu
Hamborger-Menu is an overlay artboard, linked from multiple pages on our website. Here’s the result of exporting the Sketch to a live website:
🌅 Image Overlay
When you create an image-grid or products catalogue, usually you want to show more details / larger size popup. Here’s the result:
📝 Form Overlay
Sometimes you want users to enjoy a clean page, and see the form only when they decide to join — Then give it their full attention. This is possible with a link, but smoother with an overlay. Here’s the result:
Play with the Sketch file to see how we’ve set the animations & pins to all samples.
Hope you liked it, clap some if you did 😊
Come join the discussion on our Facebook Group, see you there 👋
