Skip to content

Instantly share code, notes, and snippets.

@awatson1978
Last active January 1, 2017 08:22
Show Gist options
  • Save awatson1978/9bd503f1779458ee7a8409b9c5fda30e to your computer and use it in GitHub Desktop.
Save awatson1978/9bd503f1779458ee7a8409b9c5fda30e to your computer and use it in GitHub Desktop.
React Animation Components (Mobile, A/R, etc)

================================================

General Page Animations

https://react.rocks/example/React-motion_reorder_list
https://react.rocks/example/chat-template
https://react.rocks/example/repeat-todo
https://react.rocks/example/react-atv-img
https://react.rocks/example/react-scifi
https://react.rocks/example/react-sortable-hoc
https://react.rocks/example/react-absolute-grid
https://react.rocks/example/Fade_in_Image_Recipe
https://react.rocks/example/react-burger-menu
https://react.rocks/example/react-progress-button
https://react.rocks/example/react-carousel
https://react.rocks/example/react-touch

================================================

Timelines

https://github.com/jckdrpr/react-horizontal-timeline
https://codyhouse.co/demo/horizontal-timeline/index.html
https://codepen.io/sumitmsn/pen/zrmgKO
https://www.npmjs.com/package/react-calendar-timeline

================================================

Page Transitions

https://github.com/oliviertassinari/react-swipeable-views
https://github.com/ReactTraining/react-router/tree/master/examples/animations
https://github.com/trungdq88/react-router-page-transition
https://github.com/maisano/react-router-transition
http://maisano.github.io/react-router-transition/demos/#/slideRight/demo-1?_k=up7h6r
https://github.com/STRML/react-router-component-transition
https://medium.com/front-end-hacking/react-page-transition-animations-9d18c90a9831#.9s4ulaj8w
https://react.rocks/example/react-router-transition
https://github.com/dyf19118/react-router-pageslider

================================================

Hex Grid

https://www.npmjs.com/package/react-hexgrid
https://www.npmjs.com/browse/keyword/hexagon
https://www.npmjs.com/package/honeycomb-grid
https://www.npmjs.com/package/react-hex

Hellenic/react-hexgrid#1

================================================

Gladograms & Phylogenetic Trees

http://formidable.com/blog/2015/05/21/react-d3-layouts/
http://jsbin.com/civita/1/edit?html,js,output

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment