51 Drag Drop Examples
react sortable tree: Tree display of hierarchical data. Has drag & drop rearranging, searching. Uses react-virtualized, react-dnd.
react trello board: Trello-like board. Excellent drag/drop feedback and previews.
formbuilder: Drag & Drop editor for JSON schema. Surveys can be published, filled out by the public, like Google Forms.
react sortable hoc: HOC to add drag-drop reordering to any list. Smooth animations. Works with react-virtualized, react-infinite.
react draggable: Simple HOC for making elements draggable via CSS transforms
social expert: Master your GitHub notifications by priority and weight. Desktop Electron app, redux-saga. Includes auto-updates and launch at startup.
react balloon: Speech bubble effect- dynamically redraws based on orientation
reword: refrigerator magnets game. Persistence via Firebase
Solitaire undo: Well-done implementation. Has Undo/redo with redux-undo. Stateless components (propTypes at top of file)
gl react image effects: Universal app (web, iOS, Android), same codebase. Exports PNG via data URL.
Dripr: screenshot/file sharing platform, similar to cloudapp. Uploads to S3. Handles images, urls, code, video. Includes desktop Electron app.
react sortable pane: Resizable, moveable panels. Smooth animations.
react resizable and movable: Easy resize and move. Higher order component provides callbacks like onDrag, onResize.
phoenix trello: Trello clone done in Elixir, Phoenix Framework, React, Redux and Websockets. Edits synch in real-time.
OverReact: Wireframe components and download starter zip files with one click. Choose Express/Hapi, Gulp/Grunt/Webpack.
Guesstimate: Amazing app. Estimates using ranges and distributions. Outputs are shown to produce confidence intervals.
redux cropper: Image cropper in redux: rotation, zoom, fixed/dynamic aspect ratio. Uses reselect for intelligent caching. Port from fengyuanchen/cropper.
orb: Rich Pivot Table: Grand and sub-totals, interactive config and filtering, drilldown, XLS download.
img2css: Converts an image to pure CSS. Drag and drop an image to convert.
react solitaire: Modern, well-done Solitaire. React 0.14 functional components, Redux, ImmutableJS.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |