158 User Input Examples
mobx react form: MobX-based forms validation, independent of UI components. Supports nested data, pluggable validators.
lead form: Widget to capture email leads.
react svg pan zoom: Adds pan and zoom features to SVG. Toolbar uses SVG icons.
react font picker: Font picker with previews. Dynamically injects CSS if needed.
riek: Inline Edit kit - boolean, strings, numbers, tags.
react bash: Bash terminal component to add to your app. Extensible commands, autocomplete.
cf ui: Large UI framework - example of a monorepo using Lerna to publish npm modules.
react sortable hoc: HOC to add drag-drop reordering to any list. Smooth animations. Works with react-virtualized, react-infinite.
redux form: HOC to enable HTML forms to store state in Redux. Tracks touched fields, validation, blur and focus.
KrateLabs: Map configurator using MobX observable and computed values. Can tilt, rotate mapbox-gl map.
bmi calc: Uses elegant mouse dragging to input numbers.
Draft js: Framework for building text editors - open sourced at ReactConf 2016
react sortable pane: Resizable, moveable panels. Smooth animations.
react emoji react: Emoji reactions (like Slack). Popup picker with search, only 270 lines.
react designer: Editable vector graphics. Very elegant. Includes Bezier editor and blend modes.
react gridview examples: Spreadsheet component. Tab, Enter keys work as expected. Uses Canvas, Typescript.
react resizable and movable: Easy resize and move. Higher order component provides callbacks like onDrag, onResize.
react swipeable: Swipe bindings- has callbacks such as onSwiping, onSwipingLeft, onSwipedRight
react jsonschema form: Form generation and validation from JSON schema. Includes nesting, arrays. Introduces UI-schema concept to customize widget selection, CSS classes.
react password strength meter: Ask user for password, give feedback about strength. Uses Dropbox zxcvbn library.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |