Displaying 1 to 20 from 479 results

react-tagsinput - Highly customizable React component for inputing tags.

  •    Javascript

Highly customizable React component for inputing tags.A working example can be found in example/components/autocomplete.js.

component-playground - A component for rendering React components with editable source and live preview

  •    Javascript

codeText takes a string of JSX markup as its value. While you can just pass it a string, I find it is easier to make a separate file and use Webpack's raw loader to load in the raw source. In the example above I use the .example extension, and an examples folder to organize my samples.

react-swipe - Swipe.js as a React component

  •    Javascript

Brad Birdsall's Swipe.js as a React component.Check out the demo from a mobile device (real or emulated).

react-responsive - Media queries in react for responsive design

  •    Javascript

The best supported, easiest to use react media query module. This module is pretty straightforward: You specify a set of requirements, and the children will be rendered if they are met. Also handles changes so if you resize or flip or whatever it all just works.




reactpatterns.com - Patterns for React Developers

  •    HTML

Stateless functions are a brilliant way to define highly reusable components. They don't hold state; they're just functions. They get passed props and context.

toolkit - User interface components built on React.

  •    Javascript

Titon Toolkit is a collection of very powerful user interface components built on React. Components in Titon follow the presentational paradigm, which provide full control of how, where, and why components are rendered. Functionality within a component, like jumping to the next slide in a carousel, or toggling a menu, is possible through contexts -- a type of public API.

react-document-title - Declarative, nested, stateful, isomorphic document.title for React

  •    Javascript

Provides a declarative way to specify document.title in a single-page app. This component can be used on server side as well. Built with React Side Effect.


react-side-effect - Create components whose nested prop changes map to a global side effect

  •    Javascript

Create components whose prop changes map to a global side effect. On the server, you’ll be able to call BodyStyle.peek() to get the current state, and BodyStyle.rewind() to reset for each next request. The handleStateChangeOnClient will only be called on the client.

react-sparklines - Beautiful and expressive Sparklines React component

  •    Javascript

width, height - dimensions of the generated sparkline in the SVG viewbox. This will be automatically scaled (i.e. responsive) inside the parent container by default. svgWidth, svgHeight - If you want absolute dimensions instead of a responsive component set these attributes.

react-popper - React wrapper around Popper.js (official)

  •    Javascript

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

react-flip-move - Effortless animation between DOM changes (eg

  •    Javascript

This module was built to tackle the common but arduous problem of animating a list of items when the list's order changes. CSS transitions only work for CSS properties. If your list is shuffled, the items have rearranged themselves, but without the use of CSS. The DOM nodes don't know that their on-screen location has changed; from their perspective, they've been removed and inserted elsewhere in the document.

react-values - A set of tiny React components for handling state with render props.

  •    Javascript

A set of tiny, composable React components for handling state with render props. It does this using a small render-prop-based API that exposes helpful transforms like toggle, increment, filter, etc. depending on the type of value, all based on JavaScripts native value types...

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.

html-to-react-components - Converts HTML pages into React components

  •    Javascript

Extract annotated portions of HTML into React components as separate modules. The structure of HTML is preserved by importing child components and replacing appropriate pieces of HTML with them. As a result you get an entire components tree ready to be rendered. This utility was designed to free React developers from a boring task of translating HTML into components.

paypal-checkout-components - Javascript Integration for PayPal Button and PayPal Checkout

  •    Javascript

A set of components allowing easy integration of PayPal Buttons and PayPal Checkout into your site, powered by zoid. Please feel free to follow the Contribution Guidelines to contribute to this repository. PRs are welcome, but for major changes please raise an issue first.

react-swipeable-views - A React component for swipeable views. :snowflake:

  •    Javascript

A React component for swipeable views. Check out the demos from a mobile device (real or emulated). It's tiny (<10 kB gzipped), it quickly renders the first slide, then lazy-loads the others.

react-motion - A spring that solves your animation problems.

  •    Javascript

Animate a counter from 0 to 10. For more advanced usage, see below. Works with React-Native v0.18+.