Clik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
ImageSnap Button Style
CSS (Sass) button style for https://www.imagesnap.com. Type is Brandon Grotesque, via Typekit.
View ArticleClik here to view.
Clik here to view.
Clik here to view.
Icon Strike!
http://www.flinto.com/strike An empty icon created with pure CSS. Used for my recently launched icon testing tool, Icon Strike!
View ArticleClik here to view.
iOS Family
iOS devices I drew in Sketch assembled into a 'family portrait' as part of the Flinto.com homepage. Feedback welcome!
View ArticleClik here to view.
Flinto Team Collaboration
I wanted to avoid the cliché lines connecting avatars to represent 'team' but I couldn't resist. Ended up with this, drawn in Sketch.
View ArticleClik here to view.
Steve Jobs Home Screen Mosaic
With Icon Strike (https://www.flinto.com/strike), it’s really easy to get any icon design on your iPhone’s home screen, so why not do something crazy like split a photo of Steve Jobs into a mosaic of...
View ArticleClik here to view.
Sample Screens
We just added a new sample screens feature to Flinto. You can drag them into the editor and link them together into a prototype if you don't have any of your own handy.
View ArticleClik here to view.
Icon Strike! Now with iOS 7 support.
We just added iOS 7 icon support to Icon Strike! It's the fastest way to get icon designs onto your home screen. Read the blog post here:...
View ArticleClik here to view.
Free iOS 7 status bars .sketch file.
Now that iOS status bars are transparent, you'll want to work with them in your screen designs. Free to use however you like. Download: http://flinto-assets-misc.s3.amazonaws.com/Status%20Bars.zip
View ArticleClik here to view.
Egregious Misalignment
How did nobody tell me about this egregious misalignment on my site? ;)
View ArticleClik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
Slide Interaction
Today we released Flinto for Mac version 2 featuring the Behavior Designer. I created this interaction using two behaviors. One for the back and forth slide, and another to make the slider have a...
View ArticleClik here to view.
Interactive Toggle Switches
Yesterday we released Flinto for Mac version 2 featuring the Behavior Designer. To create these switches, I created a behavior that handles the tapping and swiping between an on and off state. Then I...
View ArticleClik here to view.
Bouncy Button Drag
We recently released Flinto for Mac version 2 featuring the Behavior Designer. I created this interaction by making a behavior that gives the button a bouncy active state, then I put the button in a...
View ArticleClik here to view.
Hover
We recently released Flinto for Mac version 2 featuring the Behavior Designer. I made this hover interaction where the tooltip appears with a subtle 3D spin. I was able to re-use the same behavior for...
View ArticleClik here to view.
Flinto Scroll Behavior
We recently released Flinto for Mac version 2 featuring the Behavior Designer. Scroll-based animations are one of the coolest things you can make with the Behavior Designer. I created this using two...
View ArticleClik here to view.
Easy scroll animation with Flinto
I created this scroll-based animation using the new Behavior Designer in Flinto for Mac. Learn how I did it in this two minute tutorial video: https://www.flinto.com/tutorial_videos/25
View ArticleClik here to view.
Path Chooser Recreation
Remember Path? I loved that app, the design was great. At the time, the animation of their "chooser" UI was *super* impressive. I decided to recreate it in Flinto for Mac using our new Behavior...
View ArticleClik here to view.
Flinto for Mac, 3D Photo Flip
Flinto for Mac supports 3D rotation of layers. I published a video today showing how to create a 3D photo flip effect that you can use in behaviors or transitions....
View ArticleClik here to view.
Realistic 3D effect in Flinto
I just created this behavior in Flinto for Mac that allows pressing on a photo to get a realistic 3D effect. I used a white-to-transparent gradient inside a clipping group to do the shine effect which...
View ArticleClik here to view.
Flinto Floating Button Scroll Effect
I made a tutorial on how to do this simple disappearing button scroll behavior using Flinto for Mac. Check it out here: https://www.youtube.com/watch?v=WFHQ9Lq8Z6E The source file is attached to this...
View ArticleClik here to view.
Count up behavior in Flinto
I made a counter behavior in Flinto for Mac. I recorded my process so you can learn how I did it. I also attached the Flinto file here so you can take a look. Counter behavior tutorial
View ArticleClik here to view.
Circular Progress Bar
Here's a way to create a circular progress bar in Flinto for Mac. The source file is attached and I made a tutorial video on YouTube. Circular progress bar tutorial
View ArticleClik here to view.
Face Toggle
I saw this cool toggle switch by @[891352:Chris Gannon] and couldn't resist recreating it in Flinto for Mac's Behavior Designer. It took about 20 minutes and I was able to add gesture support too! Make...
View Article
