react-popover - A smart popover component for ReactJS

  •        237

react-popover >= 0.5.0 supports React 16 while react-popover < 0.5.0 works with React 15.x.x and likely lower. There is no plan to support older versions of this library with back-ported patches and PRs for that purpose are not welcome since it increases maintenance for the authors. Look at the stories in our storybook.

https://github.com/littlebits/react-popover

Dependencies:

css-vendor : ^0.3.1
debug : ^2.6.8
lodash.throttle : ^3.0.3
prop-types : ^15.5.10

Tags
Implementation
License
Platform

   




Related Projects

teaset - A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control

  •    Javascript

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control. Tips: In the Android system, the animations is not smooth, switch to the release mode can be resolved.

react-native-popover - A <Popover /> component for react-native

  •    Javascript

A <Popover> component for react-native. This is still very much a work in progress and only handles the simplest of cases, ideas and contributions are very welcome. However, as an alternative, I recommend you use @brentvatne's react-native-overlay library to wrap <Popover /> and bring it to the front no matter where it sits in the render tree.

react-overlays - Utilities for creating robust overlay components

  •    Javascript

All of these utilities have been abstracted out of react-bootstrap in order to provide better access to the generic implementations of these commonly needed components. The included components are building blocks for creating more polished components. Everything is bring-your-own-styles, css or otherwise. If you are looking for more complete overlays, modals, or tooltips--something you can use right out of the box--check out react-bootstrap, which is (or soon will be) built on using these components.

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

  •    Javascript

React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.

react-bluekit - Automatically generating a component library from your React components (ES5, ES6, Typescript)

  •    Javascript

BlueKit automatically generates a library from your React components with editable props and live preview. Point BlueKit to folders with your React components and it will generate a library for you. You'll be able to browse through the components, tweak their props, and see the changes live. Furthermore, any changes that you make to your components' code will be reflected in the library.


NativeBase - Essential cross-platform UI components for React Native

  •    Javascript

NativeBase is a sleek, ingenious and dynamic front-end framework created by passionate React Loving team at Geekyants.com to build cross platform Android & iOS mobile apps using ready to use generic components of React Native. What is really great with NativeBase is that you can use shared UI cross-platform components, which will drastically increase your productivity. When using NativeBase, you can use any native third-party libraries out of the box.

Semantic-UI-React - The official Semantic-UI-React integration

  •    Javascript

See the Documentation for an introduction, usage information, and extensive examples.These great products are built on Semantic UI React. Add yours here.

office-ui-fabric-react - React components for building experiences for Office and Office 365.

  •    TypeScript

Fabric React is a responsive, mobile-first collection of robust components designed to make it quick and simple for you to create web experiences using the Office Design Language.Here is a step by step tutorial on how to build a simple React app with an Office UI Fabric React component.

zent - A collection of essential UI components written with React.

  •    Javascript

Zent ( \ˈzent\ ), a collection of essential UI components written with React. Zent ( \ˈzent\ ) is a React component library developed and used at Youzan. Zent provides a collection of essential UI components and lots of useful domain specific components.

smooth-ui - Modern React UI library 💅👩‍🎤🍭

  •    Javascript

Modern React UI library. Code less, do more. Smooth UI is a style system / UI library for React. It works with Styled Components 💅 or Emotion 👩‍🎤.

react-experiments - React components for implementing UI experiments

  •    Javascript

react-experiments is a set of React components for implementing UI experiments.react-experiments was built to work with PlanOut.js and most of its constructs are inspired by the structure of PlanOut.js. This library will work out of the box if you pass it an instantiated PlanOut Namespace or Experiment class, but if you want to use your own methods of assigning experiment parameters and logging exposure then you can extend the base experiment class and pass that as the experiment class prop.

storybook - Interactive UI component dev & test: React, React Native, Vue, Angular

  •    Javascript

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

react-fine-uploader - Easily integrate Fine Uploader or Fine Uploader S3 into a React app

  •    Javascript

Makes using Fine Uploader in a React app simple. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI. These allow you to easily build a highly customizable and powerful UI for your upload widget, backed by Fine Uploader's core feature set. Most of these components are unstyled (i.e. ready to be styled by you). Focused component-specific stylesheets may be provided at a later date.

material-ui - React components that implement Google's Material Design.

  •    Javascript

React components that implement Google's Material Design. Material-UI is available as an npm package.

element-react - Element UI

  •    Javascript

Element was initially written in Vue, which has many elegant UI components, but we also love React, so we forked it for the React community.Before the building, you need a style theme, here we recommend you to pick up element-theme-default.

element-react - Element UI

  •    Javascript

Element was initially written in Vue, which has many elegant UI components, but we also love React, so we forked it for the React community. Before the building, you need a style theme, here we recommend you to pick up element-theme-default.

gestalt - A set of React UI components that supports Pinterest’s design language

  •    Javascript

Gestalt is a set of React UI components that enforces Pinterest’s design language. We use it to streamline communication between designers and developers by enforcing a bunch of fundamental UI components. This common set of components helps raise the bar for UX & accessibility across Pinterest. That syntax is Webpack specific (and will work with Create React App), but you can use Gestalt anywhere that supports ES6 module bundling and global CSS.

ui-harness - Create, isolate and test modular UI components in React.

  •    Javascript

Isolate, test and document modular UI with React using familiar describe/it testing semantics. With the UIHarness you can go from an empty NPM module, to cleanly building isolated React components using best-practices in well under a minute.

ui - Customizable set of components for React Native applications

  •    Javascript

Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android. All of our components are built to be both composable and customizable. Each component has a predefined style that is compatible with the rest of the Shoutem UI, which makes it possible to build complex components that look great without the need to manually define complex styles. All the documentation is available on the Developer portal.