Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akiran/react-foundation-apps
Foundation Apps components built with React
https://github.com/akiran/react-foundation-apps
Last synced: 19 days ago
JSON representation
Foundation Apps components built with React
- Host: GitHub
- URL: https://github.com/akiran/react-foundation-apps
- Owner: akiran
- License: mit
- Created: 2014-11-14T04:42:22.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2018-01-03T23:49:47.000Z (almost 7 years ago)
- Last Synced: 2024-11-17T05:06:59.133Z (26 days ago)
- Language: JavaScript
- Homepage: http://webrafter.com/opensource/react-foundation-apps
- Size: 2.12 MB
- Stars: 293
- Watchers: 13
- Forks: 46
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-components-all - react-foundation-apps - Foundation Apps components built with React. (Uncategorized / Uncategorized)
- awesome-list - react-foundation-apps - Foundation Apps components built with React. (Cases / Responsive)
- awesome-react-components - react-foundation-apps - Foundation Apps components built with React. (UI Frameworks / Responsive)
- awesome-react-components - react-foundation-apps - Foundation Apps components built with React. (UI Frameworks / Responsive)
README
> React Foundation Apps is a react port of Foundation Apps
Foundation Apps is a new framework for building web apps. It has awesome new features like
flexbox based grid, motion-ui, and several core components for building web apps.
But, javascript components of foundation-apps are built with angular.Try React Foundation Apps, if you want to use react.
React Foundation Apps lets you avail the benefits of both React and Foundation Apps.
Checkout [documentation](http://webrafter.com/opensource/react-foundation-apps)
### Installation
```bash
npm install react-foundation-apps
```
Don't forget to install foundation-apps for css components
```bash
bower install foundation-apps
```### Usage
Currently, built tools like browserify or webpack are required for using react-foundation-apps.
All the components are in react-foundation-apps/lib.
You can import the required components like so```javascript
var Accordion = require('react-foundation-apps/lib/accordion');
```### Example
```javascript
var React = require('react');
var Accordion = require('react-foundation-apps/lib/accordion');var SampleAccordion = React.createClass({
render: function () {
return (
First item content
Second item content
Third item content
);
}
});module.exports = SampleAccordion;
```
### Sponsors
If your company likes to sponsor this project, contact me.