react-foundation-apps alternatives and similar libraries
Based on the "Responsive" category.
Alternatively, view react-foundation-apps alternatives based on common mentions on social networks and blogs.
-
semantic-ui-react
The official Semantic-UI-React integration. -
office-ui-fabric-react
React components for building Microsoft web experiences. (๐ค But I'm not sure I want a "MSFT experience?") -
base web
Base Web is a foundation for initiating, evolving, and unifying web products. -
elemental
A flexible and beautiful UI framework for React.js. -
searchkit
React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. -
primereact
A complete UI Framework with 50+ components featuring material, bootstrap and custom themes. -
zeit-ui-react
Modern and minimalist React UI library. -
pivotal-ui-react
React components based on a custom version of the Bootstrap library. -
orbit-components
Components for building travel oriented projects. -
@artsy/fresnel
An SSR compatible approach to CSS media query based responsive layouts for React. -
atomize-by-quarkly
Library for creating atomic react components Inspired by Tachyons and Styled-system -
insites-ui
Modern, opinionated, minimal, yet powerful React components library, powered by Styled Components. -
react-uikit-components
React UIkit Components for the UIKit CSS framework. -
atlaskit
Atlassian's official UI library. (Please... no more Jira though ๐) -
Autocomplete
Accessible autocomplete, combobox, multiselect component for React.
Get performance insights in less than 4 minutes
Do you think we are missing an alternative of react-foundation-apps or a related project?
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
Installation
npm install react-foundation-apps
Don't forget to install foundation-apps for css components
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
var Accordion = require('react-foundation-apps/lib/accordion');
Example
var React = require('react');
var Accordion = require('react-foundation-apps/lib/accordion');
var SampleAccordion = React.createClass({
render: function () {
return (
<Accordion>
<Accordion.Item title='First item title'>
First item content
</Accordion.Item>
<Accordion.Item title='Second item title'>
Second item content
</Accordion.Item>
<Accordion.Item title='Third item title'>
Third item content
</Accordion.Item>
</Accordion>
);
}
});
module.exports = SampleAccordion;
Sponsors
If your company likes to sponsor this project, contact me.