70 Components & Libraries
About Re-F|ex Re-F|ex is a React flex-based layout component library which I created because none of the components I found out there could satisfy my
β οΈ Maintenance & support This library continues to be relied upon heavily by Atlassian products, but we are focused on other priorities right now and
Responsive, sortable, filterable and draggable grid layouts with React Design Principles π¨π»βπ« Muuri-React is the React implementation of the amazin
A draggable and resizable grid layout with responsive breakpoints, for React.
Autoprefixer PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twi
The UI design language and React library for Conversational UI
Recreating Windows 11 settings using React JS
Griddle Needs more maintainers - Please see this issue An ultra customizable datagrid component for React Please check out the documentation and examp
Golden Layout Version 2 Version 2.0 is now available from NPM. This version is a substantial change from the previous (1.5.9) version. The change can
inspx Pixel perfect layout inspection. Built for React as a proof of concept. Setup Install the package: npm install inspx --save-dev Wrap the root of
React Grid System A powerful Bootstrap-like responsive grid system for React. β οΈ Upgrading to v7 react-grid-system v7 adds a new screen class xxl for
FlexLayout is a layout manager that arranges React components in multiple tab sets, tabs can be resized and moved. Run the Demo Try it now
Carpatin is a React JS Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage the Material-UI power of stylizing the components in a way that feels more professional.
Make your React Components aware of their width and/or height! Hyper Responsive Components! Performant. Easy to use. Extensive browser support. Suppor
React-Grid-Layout React-Grid-Layout is a grid layout system much like Packery or Gridster, for React. Unlike those systems, it is responsive and suppo
About Re-F|ex Re-F|ex is a React flex-based layout component library which I created because none of the components I found out there could satisfy my
My portfolio website simulating macOS's GUI, developed with React and tailwindcss.
react-photo-layout-editor μ¬μ§ λ μ΄μμμ νΈμ§νλ μΉ νλ‘κ·Έλ¨μ λλ€. This is photo layout editor for react μμ Instagram blog( http://blog.instagram.com/ )μ μλ μ λ ¬λ μ΄λ―Έμ§μ
Grid A component that can arrange items according to the type of grids. Demo / API Grids MasonryGrid JustifiedGrid FrameGrid PackingGrid MasonryGrid:
The website includes a client-side playground which allows components to be rendered and tweaked in real-time.
React-PanelGroup A React component for resizable panel group layouts Demo: https://danfessler.github.io/react-panelgroup/ Features Absolute & Relative
Build full featured Windows fluent UI apps using ReactJS. Provides a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.
react-photo-layout-editor μ¬μ§ λ μ΄μμμ νΈμ§νλ μΉ νλ‘κ·Έλ¨μ λλ€. This is photo layout editor for react μμ Instagram blog( http://blog.instagram.com/ )μ μλ μ λ ¬λ μ΄λ―Έμ§μ
Motion Layout Create beautiful immersive React hero animations using shared components. Docs React Motion Layout Docs About Motivation There are amazi
π§± masonic npm i masonic A performant and versatile virtualized masonry grid for React based on Brian Vaughn's react-virtualized and further inspired
React Virtual Grid Demo High performance virtual grid. This is a low level component for building fast tables. This component does not load any data a
react-lines-ellipsis Poor man's multiline ellipsis component for React.JS https://xiaody.github.io/react-lines-ellipsis/ Installation To install the s
react-native-masonry-list Pinterest like listview made in React Native. It just behaves like the FlatList so it is easy to use. Installation yarn add
FlexLayout is a layout manager that arranges React components in multiple tab sets, tabs can be resized and moved.
Responsive, minimalistic and full-featured native masonry layout (grid) for React JS.
π Giant Sur A simple UI clone of macOS Big Sur for the web. Technologies React Next.js TypeScript Tailwind CSS Docker Jest Enzyme Demo https://giants
React Spaces An easy to understand and nestable layout system, React Spaces allow you to divide a page or container into anchored, scrollable and resi
gymnast is a configurable grid for React With gymnast, you can eliminate your layout css or reduce it to just a few lines. Learn how to use gymnast in
FlexView A powerful React component to abstract over flexbox and create any layout on any browser. Install yarn add react-flexview Why The flexbox AP
react-stonecutter Animated grid layout component for React, inspired by Masonry. Choose between CSS Transitions or React-Motion for animation. Demo In
React Masonry An easy to use and simple masonry layout for React Js based on fle
react-resize-layout This react component resize the layout of HTML using a handle Demo View the demo page Example View the example demo page npm insta
Atomic Layout is a spatial distribution library for React. It uses CSS Grid to define layout areas and render them as React components. This pattern e
autoresponsive-react Auto responsive grid layout library for React. Who are using β β β alibaba/ice β β β ice-lab/react-materials β β β ant-design/ant
Quick Jump Quick Jump Features Requirements Installation Using yarn Using npm Usage Basic Example Responsive Example Upgrading Documentation Grid.Prov
React Masonry Component IE8 support if you wish to have IE8 support, v2 with React 0.14 is the highest version available. Table of contents Usage Basi
React Native Responsive Styles rn-responsive-styles Create responsive styles for react-native and react-native-web with minimal rerenders This library
WebDataRocks integration with React framework This repository holds a sample integration project of WebDataRocks reporting tool with the React framewo
Rebass Grid Responsive React grid system built with styled-system, with support for styled-components and emotion (previously called grid-styled) http
This project sunsetting I created this a relatively long time ago, gave it visibility on the internet and used it in multiple projects, in production,
Ultimate Tic-Tac-Toe A browser game implementation of ultimate tic-tac-toe using React, Redux and CSS Grid. Demo Below you see a quick demo of the gam
Splitters for React v. 1.2.0 New version changes fixed issue v. 1.1.0 New version changes fixed issue with getBoundingClientRect in React 16 NPM Demo
Fylo dark theme landing page - Frontend Mentor Hi there! Thanks for checking out this project! π This is a solution for a Frontend Mentor challenge t
React implementation of Windows UI Design System.
Emotion grid A responsive (mobile-first) grid system built with emotion. Quick start Installation You can use yarn or npm. Emotion is used has peerDep