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 -
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications. -
semantic-ui-react
The official Semantic-UI-React integration -
base web
A React Component library implementing the Base design language -
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package -
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 2800+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻💻 Design to Code in one click -
searchkit
Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components. React & Vue support -
elemental
A flexible and beautiful UI framework for React.js -
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. -
ChatUI
The UI design language and React library for Conversational UI -
rctui
A collection of components for React, base on bootstrap 4.0. -
flowbite-react
Official React components built for Flowbite and Tailwind CSS -
mdbootstrap
React 18 & Bootstrap 5 & Material Design 2.0 UI KIT -
orbit-components
React components of open-source Orbit design system by Kiwi.com -
@artsy/fresnel
An SSR compatible approach to CSS media query based responsive layouts for React. -
pivotal-ui-react
Pivotal's design system & component library -
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. -
cdbreact
Contrast Design Bootstrap : Elegant UI Kit and reusable components for building mobile-first, responsive websites and web apps -
atomize-by-quarkly
library for creating atomic react components -
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.
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
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.