🍿⚛Official React library to use Popper, the positioning library

Last update: Jun 16, 2022

React Popper

Unit Tests npm version npm downloads Dependency Status code style: prettier Get support or discuss

React wrapper around Popper.

important note: Popper is not a tooltip library, it's a positioning engine to be used to build features such as (but not restricted to) tooltips.

Install

Via package managers:

# With npm
npm i react-popper @popperjs/core

# With Yarn
yarn add react-popper @popperjs/core

Note: @popperjs/core must be installed in your project in order for react-popper to work.

Via script tag (UMD library exposed as ReactPopper):

<script src="https://unpkg.com/react-popper/dist/index.umd.js">script>

Documentation

The full documentation can be found on the official Popper website:

http://popper.js.org/react-popper

Running Locally

clone repo

git clone [email protected]:FezVrasta/react-popper.git

move into folder

cd ~/react-popper

install dependencies

npm install or yarn

run dev mode

npm run demo:dev or yarn demo:dev

open your browser and visit:

http://localhost:1234/

GitHub

https://github.com/popperjs/react-popper
Comments
  • 1. Experiment a new hooks based API

    I'd like to add, on top of the existing render-props based API, a way to use react-popper with the new React hooks.

    I can think of a possible API to look like the following:

    import { usePopper } from 'react-popper';
    
    const Example = () => {
      const [reference, popper, arrow] = usePopper(options);
    
      return (
    	<Fragment>
          <button type="button" ref={reference.ref}>
            Reference element
          </button>
        
          <div ref={popper.ref} style={popper.style} data-placement={popper.placement}>  
            Popper element
            <div ref={arrow.ref} style={arrow.style} />
          </div>
        </Fragment>
      );
    }
    

    I still have to think of a way to allow multiple poppers handled by the same reference, I think a possibility would be to expose an utility that merges reference.ref into a single one:

    import { usePopper, mergeRef } from 'react-popper';
    
    const Example = () => {
      const [reference1, popper1, arrow1] = usePopper(options);
      const [reference2, popper2, arrow2] = usePopper(options);
    
      return (
    	<Fragment>
          <button type="button" ref={mergeRef(reference1.ref, reference2.ref)}>
            Reference element
          </button>
        
          <div ref={popper1.ref} style={popper1.style} data-placement={popper1.placement}>  
            Popper element
            <div ref={arrow1.ref} style={arrow1.style} />
          </div>
    
          <div ref={popper2.ref} style={popper2.style} data-placement={popper2.placement}>  
            Popper element
            <div ref={arrow2.ref} style={arrow2.style} />
          </div>
        </Fragment>
      );
    }
    

    What do you think? Suggestions? Ideas?

    Reviewed by FezVrasta at 2018-11-14 15:32
  • 2. Add a check in usePopper to stop setting state if hook has been unmounted

    As mentioned in this issue https://github.com/popperjs/react-popper/issues/368 React Popper can throw act warnings in test which are due to calling a state setting function after the hook has been unmounted.

    This adds a check to bail out of the updateStateModifier.fn before setting state.

    Reviewed by MattyBalaam at 2020-12-17 11:13
  • 3. feat: usePopper Hook

    // @flow
    import * as React from 'react';
    import { usePopper } from 'react-popper';
    
    const App = () => {
      const [referenceElement, setReferenceElement] = React.useState<?Element>(null);
      const [popperElement, setPopperElement] = React.useState<?HTMLElement>(null);
      const [arrowElement, setArrowElement] = React.useState<?HTMLElement>(null);
    
      const { styles, attributes } = usePopper(referenceElement, popperElement, {
        modifiers: [
          { name: 'arrow', options: { element: arrowElement } },
        ],
      });
    
      return (
        <>
          <button ref={setReferenceElement}>Reference Element</button>
          <div ref={setPopperElement} style={styles.popper} {...attributes.popper}>
            Popper Element
            <div ref={setArrowElement} style={styles.arrow} />
          </div>
        </>
      );
    }
    

    CodeSandbox demo: https://codesandbox.io/s/cold-night-u1oji

    Reviewed by FezVrasta at 2020-04-06 06:46
  • 4. build: refactored build process

    fixes #106, fixes #80, fixes #82

    This PR:

    • replaces webpack with Rollup for production builds
    • replaces webpack with parcel for demo/example builds
    • adds the wrap mode of babel-plugin-transform-react-remove-prop-types to allow to strip PropTypes.
    • properly marks all the needed dependencies as external, reducing the bundle size and allowing consumers to specify their own versions if needed.

    Todo:

    • [x] add minifier
    • [x] add names for UDM dependencies

    I'd love to have some feedbacks and have few people test the new output to make sure it still works as expected.

    You are able to test this branch using [email protected]

    Reviewed by FezVrasta at 2018-03-23 15:13
  • 5. Request: Move popper.js dependency to peer-dependencies

    Just kicking around the idea here... this is a wrapper project that should be generally forward compatible with non-breaking changes. That said, it is slightly annoying whenever I need to test [email protected] functionality or worse yet, if a breaking change came with popper.js, I'm stuck with whatever build react-popper is on due to the direct dependency.

    My suggestion is to change it to a peer dependency. This allows people who want to use an alternate version of popper.js to use it.

    Reviewed by k2snowman69 at 2018-01-22 05:53
  • 6. perf: reduce renders by moving values off of PopperState

    This was originally meant to try and make it harder to hit the infinite loop with refs, but ended up with a small perf improvement by reducing the need to rerender when popper and arrow nodes are set. We don't actually need to update any children until after the node updates have made their way back into popper, at which point the modifier will update state and re-render with the new styles

    Reviewed by jquense at 2018-07-09 00:50
  • 7. Issue when popper overflows viewport

    I'm not sure if this is a popper issue or a react-popper issue, so I'll report here now as I keep digging.

    I have a popper with a fixed size (width and height). When I open it (placement=bottom) in a window where there is room, I don't have any issues, its placed correctly.

    https://cl.ly/1w0m2T1P1j3u

    If I think resize the window to the point that the popper no longer fits, things get odd. Basically from what I can tell the position: absolute is removed from the Popper styles. All the other values are still there, so I'm not sure why or what is going on.

    https://cl.ly/1t1M44063V2J

    If I then resize the window so there is again size, it still no longer has position: absolute:

    https://cl.ly/1W3A1c3T1x3C

    here is what I'm seeing in the DOM:

    <div style="top: 0px; left: 0px; transform: translate3d(-380px, 64px, 0px); will-change: transform;" data-placement="bottom"><div data-css-32nwhk="View.Column.Content"><div data-css-1hqne8e="View.Column">Content!</div></div></div>
    
    Reviewed by chrisdrackett at 2017-04-25 21:13
  • 8. Performance issues on a large number of poppers

    Hello,

    I am running into rendering performance issues while using react-popper through BlueprintJS (their tooltip component is backed by react-popper). When using a large number (365) of tooltips (aka a large number of react-popper manager + target combination), the initial render is very slow (hundreds of milliseconds).

    I will create a jsfiddle to attempt to reproduce the issue, but I wanted to open the issue already because it is quite a big block on the project I am working on and I was wondering if this is fully expected behaviour or a bug that needs to be investigated (or perhaps even an odd interaction with another library I am using, making the problem independent from react-popper).

    Thanks!

    Reviewed by hmaurer at 2018-06-18 00:06
  • 9. Does not work with v1.14.2 of Popper.js

    CodePen demo

    I could for some reason not get it to show the error in the codepen when I tried earlier. Not sure exactly why.

    But you can see the error here: https://reactstrap-error-tooltip.firebaseapp.com/

    And the git repo is here: https://github.com/Maistho/reactstrap-tooltip-error

    (I don't have the time right now, but I will try to create a new example that works in the codepen and without reactstrap tomorrow)

    Steps to reproduce the problem

    1. Create a new app with create-react-app
    2. add bootstrap and reactstrap
    3. Add a tooltip
    4. Tooltip does not appear in correct position

    What is the expected behavior?

    Tooltip should appear in correct position

    What went wrong?

    Seems like Popper.js changes the DOM after react-popper has written styles, and by doing that it overwrites the styles (but doesn't add them after)

    Any other comments?

    See this issue for more information: https://github.com/reactstrap/reactstrap/issues/938

    And it's definitely related to this piece of code: https://github.com/FezVrasta/popper.js/commit/7bfdedff75d694caef7ce30e3ab8c89df1b7f0bb

    Reviewed by Maistho at 2018-04-03 22:14
  • 10. Bundle UMD with rollup

    UMD is important as an easy way to use library via <script> tag.

    In this diff I added rollup with size snapshot plugin to track final size of the library with all dependencies (except react ones).

    I replaced mixed imports with import * as React from 'react' since they are being semantically incorrect are failed with rollup.

    Reviewed by TrySound at 2018-05-01 10:35
  • 11. fix: v0.x dist builds to ensure SSR works properly and popper.js is included in the dist builds

    Fixes #145

    After 0.8.3, the new dist build using Rollup config failed to include popper.js and missed some optimization settings for ensuring SSR rendering works correctly.

    Updated:

    • SSR rendering works using UMD build.
    • Ensure /dist builds contain popper.js
    • Removal of prop-types doesn't use wrap mode which would leave an empty {}. Instead, completely removed saving production builds a few bytes. Note that because the use of old contextTypes, prop-types will still be required until new Context 16.3 is used. At that point, production builds could completely reduce the dependency for prop-types.

    @FezVrasta Can I create a separate PR that re-includes these rollup changes in the master branch such that /dist builds can continue to work once v1 becomes stable. Currently, the dist build was removed in the latest and will prevent 3rd party libraries that want to include popper capability via react-popper statically. Additionally, since it looks like work is being done to update context, the dist dependency on prop-types will go away 100%. I can also update the readme to explain the important/how to use for 3rd parties referencing statically as we do in Reactstrap.

    /cc @TheSharpieOne Note pending successful merge + release, we need to update the readme in the next release to point to .../0.10.2/react-popper.umd.min.js (Note the umd portion) and update the default codepen JS references examples to all have the latest as well.

    Reviewed by virgofx at 2018-04-21 19:00
  • 12. build(deps): bump browserslist from 4.11.1 to 4.20.2

    Bumps browserslist from 4.11.1 to 4.20.2.

    Changelog

    Sourced from browserslist's changelog.

    4.20.2

    • Fixed package.funding URL format.

    4.20.1

    • Fixed package.funding.
    • Fixed docs (by Michael Lohmann).

    4.20

    • Added last 2 node versions and last 2 node major versions (by @​g-plane).

    4.19.3

    • Updated Firefox ESR (by Christophe Coevoet).

    4.19.2

    • Fixed --help output.

    4.19.1

    • Fixed throwOnMissing types (by Øyvind Saltvik).

    4.19

    • Added queries grammar definition (by Pig Fang).
    • Added throwOnMissing option (by Øyvind Saltvik).
    • Fixed null data ignoring in < 50% in CN (byPig Fang).
    • Fixed data parsing in in my stats (by Sun Xiaoran).
    • Fixed yarn.lock support with integrity (by Alexey Berezin).
    • Fixed Yarn Berry error message in --update-db.

    4.18.1

    • Fixed case inventiveness for cover queries (by Pig Fang).
    • Fixed since 1970 query for null in release date (by Pig Fang).

    4.18

    • Added --ignore-unknown-versions CLI option (by Pig Fang).

    4.17.6

    • Fixed sharable config resolution (by Adaline Valentina Simonian).

    4.17.5

    • Fixed --update-db for some pnpm cases.

    4.17.4

    • Reduced package size.

    4.17.3

    • Use picocolors for color output in --update-db.

    4.17.2

    • Reduced package size.

    4.17.1

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-04-23 06:34
  • 13. build(deps): bump async from 2.6.3 to 2.6.4

    Bumps async from 2.6.3 to 2.6.4.

    Changelog

    Sourced from async's changelog.

    v2.6.4

    • Fix potential prototype pollution exploit (#1828)
    Commits
    Maintainer changes

    This version was pushed to npm by hargasinski, a new releaser for async since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-04-23 06:33
  • 14. build(deps): bump minimist from 1.2.5 to 1.2.6

    Bumps minimist from 1.2.5 to 1.2.6.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-04-10 11:11
  • 15. build(deps): bump ajv from 6.12.0 to 6.12.6

    Bumps ajv from 6.12.0 to 6.12.6.

    Release notes

    Sourced from ajv's releases.

    v6.12.6

    Fix performance issue of "url" format.

    v6.12.5

    Fix uri scheme validation (@​ChALkeR). Fix boolean schemas with strictKeywords option (#1270)

    v6.12.4

    Fix: coercion of one-item arrays to scalar that should fail validation (failing example).

    v6.12.3

    Pass schema object to processCode function Option for strictNumbers (@​issacgerges, #1128) Fixed vulnerability related to untrusted schemas (CVE-2020-15366)

    v6.12.2

    Removed post-install script

    v6.12.1

    Docs and dependency updates

    Commits
    • fe59143 6.12.6
    • d580d3e Merge pull request #1298 from ajv-validator/fix-url
    • fd36389 fix: regular expression for "url" format
    • 490e34c docs: link to v7-beta branch
    • 9cd93a1 docs: note about v7 in readme
    • 877d286 Merge pull request #1262 from b4h0-c4t/refactor-opt-object-type
    • f1c8e45 6.12.5
    • 764035e Merge branch 'ChALkeR-chalker/fix-comma'
    • 3798160 Merge branch 'chalker/fix-comma' of git://github.com/ChALkeR/ajv into ChALkeR...
    • a3c7eba Merge branch 'refactor-opt-object-type' of github.com:b4h0-c4t/ajv into refac...
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-02-11 21:45
  • 16. Remove hypnosphi polyfill

    I'm not sure how to properly build/test the project locally, I ran yarn test:jest and it worked, but running yarn build:demo would output an unexpected error about parcel and a duplicate plugin

    
    If you'd like to use two separate instances of a plugin,
    they need separate names, e.g.
    
      plugins: [
        ['some-plugin', {}],
        ['some-plugin', {}, 'some unique name'],
      ]
    
    Duplicates detected are:
    [
      {
        "alias": "/foobar/react-popper/node_modules/@babel/plugin-proposal-class-properties/lib/index.js",
        "dirname": "/foobar/react-popper",
        "ownPass": false,
        "file": {
          "request": "@babel/proposal-class-properties",
          "resolved": "/foobar/react-popper/node_modules/@babel/plugin-proposal-class-properties/lib/index.js"
        }
      },
      {
        "alias": "base$3",
        "options": {
          "loose": "#[email protected]/preset-env__prefer-false-but-true-is-ok-if-it-prevents-an-error"
        },
        "dirname": "/foobar/react-popper",
        "ownPass": false
      }
    ]
    

    nonetheless, the change should be straigth-forward, it's about removing a polyfill https://www.npmjs.com/package/@hypnosphi/create-react-context that is creating problems in modern project due to it not compiling/defining esm module in package.json, this can usually be fixed via Aliases in project, but code-sandbox has no solution to this problem, as a result when trying to use react-popper 1.3.11 in a code-sandbox we get an error image

    I'm going to test this out in the project I'm working on and see if everything works as expected, if someone can provide some additional instroction on how I can make it work with flow/parcel and test it out as intended, it would be really appreciated!

    N.B. I bumped the version to 1.4 because removing the polyfill could be potentially breaking for some project that are using react < 16 and depending on it...

    Reviewed by yuri-scarbaci-lenio at 2022-01-17 19:46
A small Angular library that lets you use React components inside Angular projects

React in Angular and Angular in React This is a small Angular library that lets you use React components inside Angular projects. <react-wrapper [comp

Jun 2, 2022
React utility component primitives & UI framework for use with Tailwind CSS

Tailwind React UI NB: As the 0.#.# version number suggests this is still very much work in progress, so semantic versioning will not be followed until

Jun 25, 2022
An opinionated UI Workbench featuring tools like react, styled components, typescript, webpack, jest and storybook all bundled into an easy to use interface

An opinionated UI Workbench featuring tools like react, styled components, typescript, webpack, jest and storybook all bundled into an easy to use interface

Dec 18, 2021
Simple, Easy To Use and Customisable ScrollSpy component for react with callback, typescript, auto-update URL hash and throttle support among others.
Simple, Easy To Use and Customisable ScrollSpy component for react with callback, typescript, auto-update URL hash and throttle support among others.

React UI ScrollSpy ✨ Installation npm install --save react-ui-scrollspy OR yarn add react-ui-scrollspy ?? Demo Try it your self here! ⚙️ Usage In your

Jun 14, 2022
Use react component in vue 3 and data binding.

Vue React Wrapper Status: Alpha A wrapper of react component, use react component in vue quickly. Why As we all know, Vue 3 is becoming more and more

May 22, 2022
Social media share buttons for ReactJS. Use one of the built-in button themes or create a custom one from scratch.
Social media share buttons for ReactJS. Use one of the built-in button themes or create a custom one from scratch.

react-custom-share Social media share buttons for ReactJS. Use one of the built-in button themes or create a custom one from scratch. Docs & Demos Tab

Mar 13, 2022
react-var-ui is a simple React component library for variable setting and preview, inspired by iOS settings, react-dat-gui and dat.gui.
react-var-ui is a simple React component library for variable setting and preview, inspired by iOS settings, react-dat-gui and dat.gui.

react-var-ui is a simple React component library for variable setting and preview, inspired by iOS settings, react-dat-gui and dat.gui. While some cod

May 11, 2022
React standard library—must-have toolbox for any React project.
React standard library—must-have toolbox for any React project.

libreact React standard library—must-have toolbox for any React project. LAUNCH STORYBOOK ?? See documentation Most components implement Isomorphic -

Jun 15, 2022
PyScript-React integrates PyScript library into react components

PyScript-React integrates PyScript library into react components. Making it easier to use inside your react projects ??

Jun 20, 2022
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

Jun 23, 2022
🌈 A UI Design Language and React UI library
🌈  A UI Design Language and React UI library

Ant Design An enterprise-class UI design language and React UI library. English | Português | 简体中文 ✨ Features ?? Enterprise-class UI designed for web

Jun 19, 2022
A React Component library implementing the Base design language
A React Component library implementing the Base design language

Base Web React Components Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base. Us

Jun 24, 2022
The Most Complete React UI Component Library
The Most Complete React UI Component Library

PrimeReact PrimeReact is a rich set of open source UI Components for React. See PrimeReact homepage for live showcase and documentation. Download Prim

Jun 18, 2022
Modern and minimalist React UI library.
Modern and minimalist React UI library.

Modern and minimalist React UI library, originating from Vercel's design. Quick Start run yarn add @geist-ui/react or npm i @geist-ui/react install it

Jun 19, 2022
The UI design language and React library for Conversational UI
The UI design language and React library for Conversational UI

The UI design language and React library for Conversational UI Website:https://chatui.io English | 简体中文 Features ?? Best Practices: The best practice

Jun 25, 2022
📕React component library designed on the "new skeuomorphism" or "neumorphism" UI/UX trend.
📕React component library designed on the

?? React component library designed on the "new skeuomorphism" or "neumorphism" UI/UX trend.

Jun 19, 2022
🎭 A React Native and Expo library to mask text and inputs

This is a library to mask Text and Input components in React Native and Expo (Android, iOS and Web).

Jun 17, 2022
A React Component library for buliding modern applications easily & quickly.
A React Component library for buliding modern applications easily & quickly.

A React Component library for building modern applications easily & quickly

Jun 17, 2022
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

Jun 21, 2022