We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
react-avatar-editor - Avatar & profile picture component editor
- 292
Facebook like, avatar / profile picture component. Resize, crop and rotate your uploaded image using a clear user interface. The resulting image will have the same resolution as the original image, regardless of the editor's size. If you want the image sized in the dimensions of the canvas you can use getImageScaledToCanvas.
https://react-avatar-editor.netlify.comhttps://github.com/mosch/react-avatar-editor
| Tags | react avatar crop image profile-picture-component react-component reactjs canvas editor profile |
| Implementation | Javascript |
| License | MIT |
| Platform | OS-Independent |
Related Projects
react-avatar - Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user
Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user. We use a fallback system that if for example an invalid Facebook ID is used it will try Google, and so on. The fallbacks are in the same order as the list above were Facebook has the highest priority.
component reactjs react-component avatarvue-avatar - An avatar component for vue.js
An avatar component for vue.js. This component display an avatar image and if none is provided fallback to the user initials. This component is highly inspired from react-user-avatar.
avatar user vuereact-ace - React Ace Component
A react component for Ace Editor
ace react reactjs code-editor ace-editor react-component brace wysiwyg-editor wysiwyg text-editorreact-image-crop - A responsive image cropping tool for React
A responsive image cropping tool for React. Include either dist/ReactCrop.css or ReactCrop.scss.
react crop-image responsive reactjs image crop react-componentreact-rte - Pure React rich text "WYSISYG" editor based on draft-js.
This is a UI component built completely in React that is meant to be a full-featured textarea replacement similar to CKEditor, TinyMCE and other rich text "WYSIWYG" editors. It's based on the excellent, open source Draft.js from Facebook which is performant and production-tested. RichTextEditor is the main editor component. It is comprised of the Draft.js <Editor>, some UI components (e.g. toolbar) and some helpful abstractions around getting and setting content with HTML/Markdown.
reactjs draftjs contenteditable wysiwyg richtext editorreact-draft-wysiwyg - A Wysiwyg editor build on top of ReactJS and DraftJS
A wysiwyg on top of DraftJS.
wysiwyg-editor draft-js reactjs react react-component wysiwyg text-editorreact-quill - A Quill component for React.
The Quill rich-text editor as a React component.
quil editor wysiwyg react rich-text react-component rich text textarea quill wysiwyg-editor text-editorreact-lz-editor - A multilingual react rich-text editor component includes media support such as texts, images, videos, audios, links etc
An open source react rich-text editor ( mordern react editor includes media support such as texts, images, videos, audios, links etc. ), development based on Draft-Js and Ant-design, good support html, markdown, draft-raw mode. It's supports multiple languages well and welcome you add your language supports. Disabled media insert feature on demo page, because of there was no online API support for the time being, here is The server side API demo in java you may want.
react-editor draft-js ant-design react-lz-editor web-editor text-editor antd-editor draftjs react-rich-editor react-text-editor contenteditable richtext editorreact-mde - React Markdown Editor
A simple yet powerful and extensible Markdown Editor editor for React. React-mde is built on top of Draft.js. React-mde is a completely controlled component.
react markdown markdown-editor component typescript draft-js boilerplatereact-shimmer - 🌠 React <img> component that simulates a shimmer effect while loading.
A powerful, customisable, <img> component that simulates a shimmer effect while loading. (with zero dependencies!) Currently compatible with React, but RN compatibility is also on the way. Feel free to send PRs.
react react-image react-shimmer loading placeholder async react-component reactjs loader loading-indicator shimmer activity-indicator spinnerreact-contenteditable - React component for a div with editable contents
React component representing a <div> with editable contents
react html react-component contenteditable wysiwyg editing text editable wysiwyg-editor text-editorreact-native-sketch-canvas - A React Native component for drawing by touching on both iOS and Android
A React Native component for drawing by touching on both iOS and Android. To use an image as background, localSourceImage(see below) reqires an object, which consists of filename, directory(optional) and mode(optional). Note: Because native module cannot read the file in JS bundle, file path cannot be relative to JS side. For example, '../assets/image/image.png' will fail to load image.
react-native react-native-sketch react-native-svg react native sketch svg drawmegadraft - Megadraft is a Rich Text editor built on top of Facebook's Draft
Rich Text editor built on top of draft.js
react megadraft rich-text-editor contenteditable draft-js reactjs editor draftjs richtext react-component wysiwyg-editor wysiwyg text-editorreact-md-editor - React.js Markdown Editor Component
React Markdown Editor
react react-component codemirror editor code wysiwyg md markdownreact-easy-crop - A React component to crop images with easy interactions
The Cropper is styled with position: absolute to take the full space of its parent. Thus, you need to wrap it with an element that uses position: relative or the Cropper will fill the whole page.
react crop crop-image image-manipulation croppingreact-game-kit - Component library for making games with React & React Native
react-game-kit provides a set of helper components to make it easier to create games with React and React Native.The Loop component uses context to pass a subscribable game tick down your component tree. The Stage component does the same with game scale.
physics-bodies spritesheet tilemap component-tree game react reactjs physics-engine sprite-animation matterreact-medium-editor - React wrapper for medium-editor
React wrapper for medium-editor
react react-component medium editor wysiwyg-editor wysiwyg text-editorreact-id-swiper - A library to use idangerous Swiper as a ReactJs component.
Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.
react-id-swiper idangerous swiper react-slider react-carousel idangerous-swiper-react react-swiper react-native-swiper react-slider-component reactjsreact-multistep - React multistep form component
Responsive ReactJS multistep form component
react responsive ui-components forms reactjs jsx css ui wizard-steps wizard webpack browserify react,-reactjs,-responsive,-componentreact-native-image-gallery - Pure JavaScript image gallery component for iOS and Android with high-performance and native feeling in mind
A pure JavaScript image gallery component for React Native apps with common gestures like pan, pinch and doubleTap, supporting both iOS and Android. This component utilizes @ldn0x7dc/react-native-view-pager as the scrollable container and react-native-transformable-image as the wrapped image.
react react-native gallery images component archriss android ios
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.
