Skip to content

zmcartor/ThinkingFaces

Repository files navigation

ThinkingFaces

Collection of animated spinners and bouncers for iOS. Thanks very much for looking at this repo. Hopefully these classes can form the starting point to your own custom activity indicator, or 'thinking face.'

Contributing πŸ‘

Contributions always welcome. If you have a new idea for a fun spinner or bouncer, or see something that could be improved, please open a PR.

Usage 🌟

Playgrounds built with Xcode 9.3 πŸ›  All components are a single class, and come packaged within a playground. Tweak any parameters or timing curves you'd like, and then copy the code out into your own project. All of the classes come with built-in accessors for timing, tint, and other params.

⭐️ Each component is ~100lines of code, and can be tweaked or act as a starting point for your own custom spinner. πŸ‘

Component Summary πŸ“š

SquareForce ◾️

Kinetic bouncing ball. Customizable via tintColor and circleDiameter

StickySpinner πŸ›

Inspired by Google, this spinner stretches and adjusts it's thickness for a more organic feel. Customizable via tintColor , thickness and rotationTime

FlowerSpinner 🌸

Much like the system default UIActivitySpinner. Customizable via speed, numberOfCircles and tintColor

Adding many circles can create a more interesting shape.

SolarSpinner πŸš€πŸŒŽ

A plinky animated solarsystem. The sizes of all planets, colors and spacing is all parameterizable. spacing and masses all take a tuple of three Ints. bodyColors accepts a tuple of UIColor. Use this as a starting point and hack the code to add more than 3 planets.

Shoestrap πŸ‘ž

Inspired from the ubiquitous 'Bootstrap' styled spinner. Customizable via tintColor, thickness, rotationTime, trackColor

A very thin track tinted blue:

Or a very thick track

Ringo πŸ’—

Pulsing ring animation customizable via tintColor, speed, and entropy. A higher entropy will make the pulse animation looks like a telescoping gradient.

The blue gif has a high entropy. Notice the pulse feels like it's 'buzzing'

The red gif has a lower entropy.

YoYo Bouncer πŸ—»

Abstract bouncer that looks a little like sun/moon trading places. Supports speed and tintColor

FadeSpinner πŸ”΅

Fading circles rotate clockwise. Customizable speed, numberOfCircles , tintColor.

Adding more circles