Skip to content

Spining animation generation with react and styled-components

Notifications You must be signed in to change notification settings

josipovich/nimation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

nimation

(Spinning) animation generation made with react, styled-components and react-easy-state.

Demo is running here - Be warned that animation is quite flashy and if you can't handle that - please avoid it.

Effect is accomplished by spinning up DOM nodes really fast. Some basic controls are supported:

  • Element size/scale
  • Element color
  • Element shape (triangle, circle and square)
  • Element animations (pulse and fly)
  • Element order (z-index)
  • Rotation speed
  • Background color

Taking screenshots doesn't really give nice results but taking photos with your camera (phone, DSLR, etc.) especially with longer shutter speeds should give some nice shapes.

IE isn't supported, sorry.

About

Spining animation generation with react and styled-components

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published