Need to transform design to code? Don't hardcode it, Avocode it!
See how
June 16, 2016

Make a circular loader in Sketch in 30 seconds

UI/UX Designer at MadebySource

Design is not just what it looks like and feels like. Design is how it works."

Need a simple circular loader?

Watch this. 👇🏼


Three easy steps:

  • Create a circle shape with border and no fill (also add color and width).
  • Set ends rounded and gap ⁓ 2000.
  • Add dash and as you keep adding (with arrows), a little bit of magic happens!

Was this helpful? Tell us how you design loaders and animated bits in your apps.

get guacamole
Free 3-in-1 UI kit
Are you a modern designer with taste? Get Guacamole
- a free UI kit  for Adobe Xd, Photoshop and Sketch.
Get a free UI kit
Available for: