Code Monkey home page Code Monkey logo

thinkingfaces's Introduction

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

thinkingfaces's People

Contributors

zmcartor avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.