react-sizes - :left_right_arrow: Hoc to easily map window sizes to props.

•    Javascript

---

React Sizes is a high-order component with a high performance that transform window sizes (width and height) into props. You can check inside your component, for example, if user's window is less than 480 pixels of width, and add a custom content. It can be very powerful for when you need to display different content for mobile and desktop. But it's not limited to this case. Just use that at your needs.

react hoc high-order-component media-queries responsive media query react-sizes sizes

react-mosaic - A React tiling window manager

•    TypeScript

---

A React Tiling Window Manager

react window-manager tiling-window-manager typescript ui palantir component

react-split-pane - React split-pane component

•    Javascript

---

Split-Pane component built with React, can be split vertically or horizontally. By dragging 'draggable' surface you can change size of the first pane. The first pane keeps then its size while the second pane is resized by browser window. By default it is the left pane for 'vertical' SplitPane and the top pane for 'horizontal' SplitPane. If you want to keep size of the second pane and let the first pane to shrink or grow by browser window dimensions, set SplitPane prop primary to second. In case of 'horizontal' SplitPane the height of bottom pane remains the same.

react react-component split-pane react-split-pane es6

react-visibility-sensor - Sensor component for React that notifies you when it goes in or out of the window viewport

•    Javascript

---

Sensor component for React that notifies you when it goes in or out of the window viewport. Useful if you want to use with bower, or in a plain old <script> tag.

react react-component visibility

react-native-popup-dialog - A React Native Popup Dialog, Highly Customizable, Easy Use & Support Custom Animation

•    Javascript

---

React Native Popup Dialog for iOS & Android. Another similar dialog component: react-native-dialog-component the main difference is style.

react react-animate react-native component dialog es6 popup react-dialog react-native-popup-dialog react-native-dialog popup-dialog react-component ios android

popwin-el - Popup Window Manager for Emacs

•    Emacs

---

popwin is a popup window manager for Emacs which makes you free from the hell of annoying buffers such like *Help*, *Completions*, *compilation*, and etc. Take an example. When you complete file names during find-file, the (annoying) *Completions* buffer will appear in a newly splitted window. You might understand the necessity of the window, but you may wonder why the window still remains after completion...

popwin - Popup Window Manager for Emacs

•    Emacs

---

popwin is a popup window manager for Emacs which makes you free from the hell of annoying buffers such like *Help*, *Completions*, *compilation*, and etc. Take an example. When you complete file names during find-file, the (annoying) *Completions* buffer will appear in a newly splitted window. You might understand the necessity of the window, but you may wonder why the window still remains after completion...

react-tags - A fantastically simple tagging component for your React projects

•    Javascript

---

React-tags is a simple tagging component ready to drop in your React projects. The component is inspired by GMail's To field in the compose window. Because I was looking for an excuse to build a standalone component and publish it in the wild? To be honest, I needed a tagging component that provided the above features for my React-Surveyman project. Since I was unable to find one which met my requirements (and the fact that I generally enjoy re-inventing the wheel) this is what I came up with.

react react-tags autocomplete dragdrop drag-drop tags tag-input react-component autosuggest

react-native-social-share - Use the iOS and Android native Twitter and Facebook share popup with React Native https://github

•    Objective-C

---

Use the built-in share view from iOS and Android to let the user share on Facebook and Twitter. It will use the user's existing account without having to get new authorizations. You can even preset text, image and link for the share view. Let me know how it works.

react-native react twitter facebook popup share-popups slcomposeviewcontroller rctbridgemodule social react-component react-native-component mobile ui react-native-facebook react-native-twitter

react-waypoint - A React component to execute a function whenever you scroll to an element.

•    Javascript

---

A React component to execute a function whenever you scroll to an element. Works in all containers that can scroll, including the window. React Waypoint can be used to build features like lazy loading content, infinite scroll, scrollspies, or docking elements to the viewport on scroll.

react component react-component scroll onscroll scrollspy

react-native-popup-menu - Popup menu component for React Native

•    Javascript

---

Extensible popup menu component for React Native for Android, iOS and (unofficially) UWP and react-native-web. We thank our community for maintaining features that goes over our scope.

popup-menu animation react-native android ios

crossbuilder - Building web, Electron, Cordova and Chrome apps, and cross-browser extensions with React, Redux and Webpack

•    Javascript

---

Building web, Electron, Cordova and Chrome apps, and cross-browser extensions that use Redux actions for messaging. Redux states are synced between background, injected page, app window, extension popup and badge.

react reactjs boilerplate hot live edit webpack flux redux firefox safari chrome app extension

MaterialPopupMenu - Shows Material popup menus grouped in sections & more

•    Kotlin

---

This library allows to create simple popup menus programmatically with a nice type-safe builder syntax in Kotlin. Menus can be divided into separate sections with optional headers and contain icons.

popup-menu kotlin android popup-window material-design material-menu list-popup-window

react-native-modalbox - A <Modal/> component for react-native

•    Javascript

---

A react native component, easy, fully customizable, implementing the 'swipe down to close' feature. Check index.js in the Example folder.

react-component react-native ios android modal box modalbox window swipe

react-window - React components for efficiently rendering large lists and tabular data

•    Javascript

---

React components for efficiently rendering large, scrollable lists and tabular data

react reactjs virtual window windowed list scrolling infinite virtualized table grid spreadsheet

Popup - Cocoa project with Popup window appearing from the status bar

•    Objective-C

---

Cocoa project with Popup window appearing from the status bar

rofi - Rofi: A window switcher, application launcher and dmenu replacement

•    C

---

Rofi started as a clone of simpleswitcher, written by Sean Pringle a popup window switcher roughly based on superswitcher. Simpleswitcher laid the foundations, and therefor Sean Pringle deserves most of the credit for this tool. Rofi (renamed, as it lost the simple property) has been extended with extra features, like an application launcher, ssh-launcher and can act as a drop-in dmenu replacement, making it a very versatile tool. Rofi, like dmenu, will provide the user with a textual list of options where one or more can be selected. This can either be, running an application, selecting a window or options provided by an external script.

rofi dmenu dmenu-replacement application-launcher window-switcher i3

redux-devtools-log-monitor - The default monitor for Redux DevTools with a tree view

•    Javascript

---

The default monitor for Redux DevTools with a tree view. It shows a log of states and actions, and lets you change their history. Then you can render <DevTools> to any place inside app or even into a separate popup window.

redux devtools flux react hot-reloading time-travel live-edit

redux-devtools-inspector - Another Redux DevTools Monitor

•    Javascript

---

A state monitor for Redux DevTools that provides a convenient way to inspect "real world" app states that could be complicated and deeply nested. Then you can render <DevTools> to any place inside app or even into a separate popup window.

react reactjs

react-ionize - A React renderer for building your entire Electron app

•    Javascript

---

react-ionize is a library which lets you build the "non-browser" parts of an Electron app using React components to manage your application's state. Electron applications consist of two types of process: a main process which manages the lifecycle of the application, and several renderer processes, which display webpages which comprise the application's GUI. While it's fairly common to use React and ReactDOM to build an HTML/CSS/JS interface in the renderer process, react-ionize runs in the main process, managing things like window size/position, menu contents, and application-wide events.

react reactjs electron desktop app atom osx