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.
-
antd
An enterprise-class UI design language and React UI library -
chakra-ui
⚡️ Simple, Modular & Accessible UI Components for your React Applications -
@blueprintjs/core
A React-based UI toolkit for the web -
semantic-ui-react
The official Semantic-UI-React integration -
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications. -
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package -
base web
A React Component library implementing the Base design language -
rebass
:atom_symbol: React primitive UI components built with styled-system. -
semi-design
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2,300+ Design Tokens and powerful DSM tools, easy to build your own design system. Make Semi Design to Any Design -
searchkit
Search UI for Elasticsearch. Compatible with Algolia's Instantsearch and Autocomplete components -
elemental
A flexible and beautiful UI framework for React.js -
primereact
The Most Complete React UI Component Library -
gestalt
A set of React UI components that supports Pinterest’s design language -
zeit-ui-react
A design system for building modern websites and applications. -
rctui
A collection of components for React, base on bootstrap 4.0. -
ChatUI
The UI design language and React library for Conversational UI -
mdbootstrap
React 17 & Bootstrap 5 & Material Design 2.0 UI KIT -
orbit-components
React components of open-source Orbit design system by Kiwi.com -
pivotal-ui-react
Pivotal's design system & component library -
@artsy/fresnel
An SSR compatible approach to CSS media query based responsive layouts for React. -
flowbite-react
Official React components built for Flowbite and Tailwind CSS -
CoreUI for React
CoreUI React.js UI Components. CoreUI for React.js replaces and extends the Bootstrap javascript. Components have been built from scratch as true React.js hook components, without jQuery and unneeded dependencies. -
AgnosticUI
AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue 3, Angular, and Svelte. -
fluent-ui
🌈 React components that inspired by Microsoft's Fluent Design System. -
atomize-by-quarkly
library for creating atomic react components -
cdbreact
Contrast Design Bootstrap : Elegant UI Kit and reusable components for building mobile-first, responsive websites and web apps -
insites-ui
An opinionated UI components library for React. Based on Styled Components and Styled System. -
react-uikit-components
React UIkit Components for the UIKit CSS framework -
Autocomplete
Accessible autocomplete, combobox, multiselect component for React. -
atlaskit
Atlassian's official UI library. (Please... no more Jira though 😉) -
radix-ui
Unstyled, accessible components for building high‑quality design systems and web apps.
Appwrite - The Open Source Firebase alternative introduces iOS support
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.