react-bootstrap-typeahead - React typeahead with Bootstrap styling

•    Javascript

---

A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js. It supports both single- and multi-selection and is compliant with WAI-ARIA authoring practices. Try the live examples. Please note that documentation and examples apply to the most recent release and may no longer be applicable if you're using an outdated version.

react bootstrap typeahead auto-complete auto-suggest autocomplete autosuggest bootstrap-tokenizer bootstrap-typeahead react-autocomplete react-autosuggest react-tokenizer react-typeahead react-bootstrap react-bootstrap-tokenizer react-bootstrap-typeahead tokenizer

downshift - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components

•    Javascript

---

You need an autocomplete/dropdown/select experience in your application and you want it to be accessible. You also want it to be simple and flexible to account for your use cases.This is a component that controls user interactions and state for you so you can create autocomplete/dropdown/select/etc. components. It uses a render function as children which gives you maximum flexibility with a minimal API because you are responsible for the rendering of everything and you simply apply props to what you're rendering.

react autocomplete combobox autoselect enhanced-input autosuggest typeahead dropdown select omnibox accessibility wai-aria multiselect multiple-selection

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-input-enhancements - Set of enhancements for input control

•    Javascript

---

The intention of creating this library was to bring input component out of the dropdown/autocomplete/whatever code, so it could be easily replaced with your custom component, and also to split independent functionality into different components, which could be combined with each other (still not quite sure it was worth it, though). NB: these are not "high quality, ready for production components" - they are more of a concept (which is a fancy word for "they are still quite buggy"). Think twice before using it in production.

react input autosize autocomplete dropdown datepicker input-mask autosuggest typeahead reactjs mask combobox

react-geosuggest - A React autosuggest for the Google Maps Places API.

•    Javascript

---

A React autosuggest for the Google Maps Places API. You can also define your own suggests as defaults. Works with Preact, too. Visit the Google Developer Console to generate your API key. The API's that you have to enable in your Google API Manager Dashboard are Google Maps Geocoding API, Google Places API Web Service and Google Maps Javascript API.

react react-component google autosuggest places

react-typeahead - Pure react-based typeahead and typeahead-tokenizer

•    Javascript

---

react-typeahead is a javascript library that provides a react-based typeahead, or autocomplete text entry, as well as a "typeahead tokenizer", a typeahead that allows you to select multiple results. Basic typeahead input and results list.

react typeahead tokenizer autocomplete react-component

react-native-timeago - An auto-updating timeago component for React Native using moment.js

•    Javascript

---

An auto-updating timeago component for React Native using moment.js. All normal Text props are applicable (including style). Use the interval prop to change the update interval in milliseconds (default: 60000).

react-native react moment timeago react-component react-native-component

react-input-autosize - Auto-resizing input field for React

•    Javascript

---

Auto-resizing Input Component for React

react react-component input autosize

react-native-auto-updater - A library to manage dynamic updates to React Native apps

•    Objective-C

---

Thanks everyone for using, supporting and contributing to react-native-auto-updater. In the last couple of months, we have not had time/resources to maintain this repo as we diverted our focus on our new product, Amium. As a result of that, I will not be able to resolve issues or review pull requests on this repo. Bottomline, we have stopped maintaining this repo. As for an alternative, we recommend using CodePush. At AeroFS, we're close to shipping our first React Native app. Once the app is out, we would want to send updates over the air to bypass the sluggish AppStore review process, and speed up release cycles. We've built react-native-auto-updater to do just that. It was built as a part of our 2015 Thanksgiving Hackathon.

react-native updates dynamic ios android

react-native-ultimate-listview - A high performance FlatList providing customised pull-to-refresh | auto-pagination & infinite-scrolling | gridview layout | swipeable-row

•    Javascript

---

This module supports both of iOS and Android platforms. Know Issue (v3.3.0): On Android, if you are using CustomRefreshView, and the total hight of your first load data is less than your device height, then the RefreshView may still sticky on the top. However, if the data you loaded is beyond your screen, everything's fine. This issue only happen on Android, any PR is welcome.

listview pull-to-refresh infinite-scroll gridview es6 flatlist react-native scrollview refreshable-scrollview sectionlist virtualizedlist refreshable auto-pagination infinite-scrolling swipeable-row native-base react-component react-native-component android ios

react-native-autocomplete-input - Pure javascript autocomplete input for react-native

•    Javascript

---

A pure JS autocomplete component for React Native. Use this component in your own projects or use it as inspiration to build your own autocomplete. Tested with RN >= 0.26.2. If you want to use RN < 0.26 try to install react-native-autocomplete-input <= 0.0.5.

autocomplete react-native ios android input

react-native-google-places-autocomplete - Customizable Google Places autocomplete component for iOS and Android React-Native apps

•    Javascript

---

Customizable Google Places autocomplete component for iOS and Android React-Native apps

autocomplete google places react-component react-native ios android

Reactstrap - React component library for Bootstrap

•    Javascript

---

Reactstrap is a React component library for Bootstrap. It contains React Bootstrap components that favor composition and control. The library does not depend on jQuery or Bootstrap javascript. However, Poppers.js via react-popper is relied upon for advanced positioning of content like Tooltips, Popovers, and auto-flipping Dropdowns.

react bootstrap ui components reactstrap component react-component

react-motion-ui-pack - Wrapper component around React Motion for easier UI transitions

•    Javascript

---

Please use react-spring for all of your animation needs. React Motion is an amazing animation library for React. React Motion UI Pack tries to help ease entry level / common use cases with React Motion by providing a higher level way to work with it and create common UI transitions easier. If you need more complex animations I suggest using React Motion directly.

react component react-component ui motion transition animation

autoresponsive-react - Auto Responsive Layout Library For React

•    Javascript

---

Auto responsive grid layout library for React.See our CONTRIBUTING.md for information on how to contribute.

react layout react-components data-grid table data-table

react-rnd - 🖱 A resizable and draggable component for React.

•    TypeScript

---

A resizable and draggable component for React. The width and height property is used to set the default size of the component. For example, you can set 300, '300px', 50%. If omitted, set 'auto'.

react drag resize resizable component draggable

react-autosize-textarea - A textarea perfectly compatible with ReactJS default one which auto resizes its height based on user input

•    TypeScript

---

A light replacement for built-in <textarea /> component which automatically adjusts its height to match the content. You can pass any prop you're allowed to use with the default React textarea (valueLink too).

react react-component textarea autosize resize height growing size

react-soundplayer - 📻 Create custom web audio players with React

•    Javascript

---

Create highly-customizable SoundCloud (or any audio) players with React.js. It is also easy to built players without using SoundCloud API. You just need to pass audio source via streamUrl and all other necessary track meta information can be passed as custom props. Also you can choose preloadType, according to https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio#Attributes, by default this property is equal to 'auto'.

react component react-component soundcloud html5 audio

react-autocomplete - WAI-ARIA compliant React autocomplete (combobox) component

•    Javascript

---

WAI-ARIA compliant React autocomplete (combobox) component

react-native-awesome-card-io - A complete and cross-platform card

•    Objective-C

---

A complete and cross-platform card.io component for React Native. This component provides an abstraction of the card.io entry points for iOS and Android.

react react-native card-scanning card-io ios android react-component card.io credit-card scan