react-foundation-apps Alternatives - React Responsive

Popularity

3.0

Stable

Activity

0.0

Stable

Stars 298

Watchers 15

Forks 47

Last Commit about 4 years ago

Monthly Downloads: 0

Programming language: JavaScript

License: MIT License

Tags: Notification Tabs UI Frameworks Responsive React React-component Modal Accordion Foundation-apps Panel Offcanvas Interchange Actionsheet

react-foundation-apps alternatives and similar libraries

Based on the "Responsive" category

antd

10.0 9.9 react-foundation-apps VS antd

A UI Design Language.
@blueprintjs/core

9.6 9.5 react-foundation-apps VS @blueprintjs/core

Core styles & components.
grommet

8.9 9.4 react-foundation-apps VS grommet

The most advanced UX framework for enterprise applications.
rebass

8.8 9.2 react-foundation-apps VS rebass

Configurable React Stateless Functional UI Components.
searchkit

8.4 5.7 react-foundation-apps VS searchkit

React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.
pivotal-ui-react

7.9 8.9 react-foundation-apps VS pivotal-ui-react

React components based on a custom version of the Bootstrap library.
rctui

7.6 0.6 react-foundation-apps VS rctui

A collection of components for React.
belle

7.6 0.0 react-foundation-apps VS belle

Configurable React Components with great UX.
semantic-ui-react

6.2 8.4 react-foundation-apps VS semantic-ui-react

The official Semantic-UI-React integration.
elemental

5.9 0.0 react-foundation-apps VS elemental

A flexible and beautiful UI framework for React.js.
react-foundation

5.7 6.0 react-foundation-apps VS react-foundation

Foundation as React components.
base web

4.5 9.8 react-foundation-apps VS base web

Base Web is a foundation for initiating, evolving, and unifying web products.
react-uikit-components

0.5 0.0 react-foundation-apps VS react-uikit-components

React UIkit Components for the UIKit CSS framework.
atlaskit

- - react-foundation-apps VS atlaskit

Atlassian's official UI library. (Please... no more Jira though 😉)
Modal

- - react-foundation-apps VS Modal

Accessible modal dialog component for React.
Icons

- - react-foundation-apps VS Icons

1,000+ SVG material icons.
Autocomplete

- - react-foundation-apps VS Autocomplete

Accessible autocomplete, combobox, multiselect component for React.

Do you think we are missing an alternative of react-foundation-apps or a related project?

Add another 'Responsive' Library

Popular Comparisons

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;