Filter By
70 Components & Libraries
React UI Layout
Resizable Flex layout container components for advanced React web applications
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
Beautiful and accessible drag and drop for lists with React
β οΈ Maintenance & support This library continues to be relied upon heavily by Atlassian products, but we are focused on other priorities right now and
The layout engine for React
Responsive, sortable, filterable and draggable grid layouts with React Design Principles π¨π»βπ« Muuri-React is the React implementation of the amazin
React-Grid-Layout is a grid layout system much like Packery or Gridster, for React.
A draggable and resizable grid layout with responsive breakpoints, for React.
Parse CSS and add vendor prefixes to rules by Can I Use
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
The UI design language and React library for Conversational UI
Recreating Windows 11 settings using React JS
Recreating Windows 11 settings using React JS
Simple Grid Component written in React
Griddle Needs more maintainers - Please see this issue An ultra customizable datagrid component for React Please check out the documentation and examp
A multi window layout manager for webapps
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
Pixel perfect layout inspection.
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
A powerful Bootstrap-like responsive grid system for React.
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
A multi-tab layout manager
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.
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 height!
Make your React Components aware of their width and/or height! Hyper Responsive Components! Performant. Easy to use. Extensive browser support. Suppor
A draggable and resizable grid layout with responsive breakpoints, for React.
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
Resizable Flex layout container components for advanced React web applications
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.
My portfolio website simulating macOS's GUI, developed with React and tailwindcss.
Photo layout editor for react
react-photo-layout-editor μ¬μ§ λ μ΄μμμ νΈμ§νλ μΉ νλ‘κ·Έλ¨μ λλ€. This is photo layout editor for react μμ Instagram blog( http://blog.instagram.com/ )μ μλ μ λ ¬λ μ΄λ―Έμ§μ
A component that can arrange items according to the type of grids
Grid A component that can arrange items according to the type of grids. Demo / API Grids MasonryGrid JustifiedGrid FrameGrid PackingGrid MasonryGrid:
Collection of Tailwind Layouts
The website includes a client-side playground which allows components to be rendered and tweaked in real-time.
A React component for resizable panel group layouts
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.
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.
Photo layout editor for react
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.
Motion Layout Create beautiful immersive React hero animations using shared components. Docs React Motion Layout Docs About Motivation There are amazi
𧱠High-performance masonry layouts for React
𧱠masonic npm i masonic A performant and versatile virtualized masonry grid for React based on Brian Vaughn's react-virtualized and further inspired
Virtual Grid for React
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
Simple multiline ellipsis component for React.JS
react-lines-ellipsis Poor man's multiline ellipsis component for React.JS https://xiaody.github.io/react-lines-ellipsis/ Installation To install the s
The Masonry List implementation which looks like the `FlatList` in React Native
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.
FlexLayout is a layout manager that arranges React components in multiple tab sets, tabs can be resized and moved.
XMasonry: Masonry Layout for React JS
Responsive, minimalistic and full-featured native masonry layout (grid) for React JS.
π macOS Big Sur UI clone for the web built with React, Next.js, TypeScript, and Tailwind CSS
π 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 components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.
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
π€Έ Configurable grid and layout engine for React
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
A powerful React component to abstract over flexbox and create any layout on any browser
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
Animated grid layout component for React
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 flexbox column
React Masonry An easy to use and simple masonry layout for React Js based on fle
This react component resize the layout of HTML using a handle
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
Physical representation of layout composition to create declarative responsive layouts in React.
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
Auto Responsive Layout Library For React
autoresponsive-react Auto responsive grid layout library for React. Who are using β β β alibaba/ice β β β ice-lab/react-materials β β β ant-design/ant
A no-frills flexbox grid system for React, powered by styled-components.
Quick Jump Quick Jump Features Requirements Installation Using yarn Using npm Usage Basic Example Responsive Example Upgrading Documentation Grid.Prov
A React.js component for using @desandro's Masonry
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
Responsive styles for react-native and react-native-web
React Native Responsive Styles rn-responsive-styles Create responsive styles for react-native and react-native-web with minimal rerenders This library
Integration example of WebDataRocks web reporting tool with React framework
WebDataRocks integration with React framework This repository holds a sample integration project of WebDataRocks reporting tool with the React framewo
Responsive React grid system built with styled-system
Rebass Grid Responsive React grid system built with styled-system, with support for styled-components and emotion (previously called grid-styled) http
Unopinionated, standard compliant flexbox component. No propietary APIs. Nothing but flexbox.
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,
Play "Ultimate Tic-Tac-Toe" in the browser π
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
React splitter component, written in TypeScript.
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 Developed Using React.Js
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.
React implementation of Windows UI Design System.
A responsive (mobile-first) grid system built with emotion.
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