create simple, beautifully animated grid-based layouts using react
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example
src
static
.babelrc
.gitignore
.jshintrc
.npmignore
LICENSE
README.md
index.html
karma.conf.js
package.json
react-cast-example.gif
server.js
webpack-publish.config.js
webpack.config.js
yarn.lock

README.md

react-cast

react-cast image

Make beautiful, animated grid-layouts. Check out the example for advanced usage. This is an early release, so expect more documentation, examples, and tests, soon.

View a demo here.

Install

$ npm install react-cast

Example

var Grid = require('react-cast')
var React = require('react')

var GridContainer = React.createClass({

  render() {
    return (
      <Grid
        width={100}
        height={100}
        columnCount={2}>
          <div key='a'>A</div>
          <div key='b'>B</div>
          <div key='c'>C</div>
      </Grid>
    )
  }
})

Prior-art

This is based on an example provided in the react-motion repo.