loading...

Prototyping in playground

eonist profile image Eon ・1 min read

Prototyping UI/UX with XCode Playground and Animator a new animation .framework I'm building. The best part? You get native code you can use when building your apps. And it's OpenSource . Check out the examples bellow:

7. Let's add some design to it:

img

6. Peek & Pop is now complete (added dismiss):

img

5. Modal now remains idle if in prompt state:

img

4. Modal now reveals prompt buttons:

img

3. Modal now has boundaries w/ log10 (aka slippery friction):

img

2. Modal is now draggable w/ easing:

img

1. Deep click button to activate peek:

img

Prerequisites: (Figure out how ForceTouch works)

img

Resources:

Using Framework files in playground

This article was originally published on my blog http://eon.codes

Discussion

pic
Editor guide
Collapse
eonist profile image
Eon Author

It takes a few hours to create an app with Animator and playground. Going from idea to app is finally achievable in a weekend or less. Some elbow grease may apply 😉