113 Components & Libraries
React file-upload Libraries
The most complete React Library Component for drag’n’drop files. Image and video previews. File validation. Multilanguage. Server side support.
🚀 Spanish README Dropzone UI The best, most complete and easy to use, React file upload library. ⚡ Live demo and code generator : dropzone-ui.com ❤️
A hook for uploading files using multipart form data with React Native.
react-native-use-file-upload A hook for uploading files using multipart form data with React Native. Provides a simple way to track upload progress, a
A react hook for uploading large files that need chunking.
React Chunked Uploader A react hook for uploading large files that need chunking (for example for uploading to Cloudinary). It uses axios and provides
A windows desktop application that helps you manage your notes and txt files.
txt note manager A windows desktop application that helps you manage your notes and txt files. Shows all txt files in a folder of your choice. Make ne
Readme.md generator is a React application that takes basic information about the user's project as an input and generates a README file which the user can upload directly in their project's repository.
An application that takes basic information about the user's project as an input and generates a README.md file which the user can upload directly in their project's repository.
A single-file 1kb min+gzip simplified implementation of the reactive core of Solid, optimized for clean code
A single-file 1kb min+gzip simplified implementation of the reactive core of Solid, optimized for clean code
D3js force-directed graph on cloud file-sharing
D3js force-directed graph on cloud file-sharing We demo a graph of cloud file-sharing events in an organization over 1 day. In our setting, we have tw
Solana File Sharing System is a Decentralised Application which helps you share files to public Anonymously and no one can trace back to you or change the information since all the files and information is store on decentralised network
Solana File Sharing System is a Decentralized Application that helps users share files anonymously and ensure that the files are available at all times on a decentralized network, not tampered with, verifiable, and secure for all parties involved.
Front End for file sharing app built with the MERN Stack
zed-sharing-react Front End for file sharing app built with the MERN Stack Report Bug · Request Feature About The Project This is the Front End for Ze
Rapini - a tool that generates React Query hooks, Axios requests and Typescript types, based on an OpenAPI spec file
Rapini is a tool that generates React Query hooks, Axios requests and Typescript types, based on an OpenAPI spec file. The generated code is packaged conveniently so that it can be published as a package on any NPM registry.
React File Upload Widget - React Wrapper for Uploader
React File Upload Widget (With Integrated Cloud Storage) React Wrapper for Uploader • Developed by Upload.io Quick Start — Try on CodePen To implement
A simple NodeJS backend and web front react page app that upload text file content
NodeJS + TypeScript backend This is a simple NodeJS backend and web front react page app that upload text file content(show ten most-used words) Insta
React component for upload files or images with easier and faster, support multiple upload and there are several themes.
This is the react component for upload files or images with easier and faster, support multiple upload and there are several themes.
Snow - social network can upload posts, upload images, create polls, interact with friends, create and join groups, and even includes its own chat to talk
Snow is a social network. Here you can create and share content! You can upload posts, upload images, create polls, interact with friends, create and join groups, and even includes its own chat to talk
React-doc-viewer: File viewer for React
React-doc-viewer: File viewer for React
A fancy sharex server with a dashboard made with nextjs, express and graphql
A fancy sharex server with a dashboard made with nextjs, express and graphql
Generated file-based routes for React Location and Vite
Generouted Generated file-based routes for React Location and Vite Motivation I enjoyed working with file-based routing since started using it with Ne
File & Image Uploader (With Integrated Cloud Storage)
File & Image Uploader (With Integrated Cloud Storage) Get Started — Try on CodePen Supported Frameworks: React • Vue • Angular • jQuery • Plain JS Sup
Open Source Module to Upload your Media and files into AWS S3 Bucket directly from Front-end React
react-aws-s3 Open Source Module to Upload your Media and files into AWS S3 Bucket directly from Front-end React. Help the Module developer (Amit Mishr
A free e-library for developer to read and upload ebooks they would like to share with the community and help other developers grow
A free e-library for developer to read and upload ebooks they would like to share with the community and help other developers grow
A challenge consists of an image upload platform
Upfi Este desafio consiste em uma plataforma de upload de imagens 👀 Funcionalid
Next-notion-s3-assets - Upload images returned by the Notion API to AWS S3
Work in progress 😀 Environment Variables AWS_S3_ACCESS_KEY AWS_S3_SECRET NEXT_P
Flipkart-clone - Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture
Flipkart Clone MERN APP Dhaval Patel's Flipkart Clone is done with top-notch fea
EShare - A file sharing service, where you can upload files and provide a download link for anyone on the internet by sharing the linkor via mail
eShare | File Sharing App A file sharing service, where you can upload files and
Decentralized-Music-Ownership-System - A decentralized Music Ownership System developed on Truffle Suite and React Bootstrap to allow Music artists to upload their content to the blockchain
Decentralized-Music-Ownership-System - A decentralized Music Ownership System developed on Truffle Suite and React Bootstrap to allow Music artists to upload their content to the blockchain
Web UI which allows a user to navigate through a folder structure(dummy) just like a normal desktop file system
File System in Web Web UI which allows a user to navigate through a folder structure(dummy) just like a normal desktop file system (Explorer in Window
UpFi-ReactJs - An image upload site using React, ImageBB and FaunaDB
Começando pelo tema do projeto: upload de imagens. Como o desenvolvimento do zer
VSCode extension to generate a router based on file based routing and nested layouts
vscode-router-generator VSCode Extension to generate a router based on a file structure and returning the correct nested layouts. There can be optiona
Higher order React components for file uploading (with progress) react file upload
Deprecated Please look at react-use-upload for the same functionality, updated using React hooks. @navjobs/upload v4 I'm working on a v4 soon that sim
Terminal emulator component for React. Emulate a terminal with autocomplete, commands, a file-system and themes.
React Terminal Component React component that renders a terminal emulator Demo React Terminal Component is a customizable React component backed by a
Folder based file browser given a flat keyed list of objects, powered by React.
react-keyed-file-browser Folder based file browser given a flat keyed list of objects, powered by React. Live Demo Check out the live demo here: http:
Create-editorconfig - A simple npm script to generate an .editorconfig file
Create EditorConfig A simple npm script to generate an .editorconfig file. You d
React input file component with images preview
Images uploader UI component Simple component for upload and validate (client side) images with preview built with React.js. This package use 'react-f
Folder based file browser given a flat keyed list of objects, powered by React.
react-keyed-file-browser Folder based file browser given a flat keyed list of objects, powered by React. Live Demo Check out the live demo here: http:
Storybook extractor: a tool that extracts data from storybook stories, documentation pages and generates a JSON file with them
Storybook extractor 🔥 This project was done as a part of 24h design systems hac
Simple HTML5 drag-drop zone with React.js.
react-dropzone Simple React hook to create a HTML5-compliant drag'n'drop zone for files. Documentation and examples at https://react-dropzone.js.org.
Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corretamente
upfi Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corr
Higher order React components for file uploading (with progress) react file upload
Deprecated Please look at react-use-upload for the same functionality, updated using React hooks. @navjobs/upload v4 I'm working on a v4 soon that sim
Avatar Uploader: A React component to upload and crop avatars
Avatar Uploader A React component to upload and crop avatars. Challenge This cha
React-player - A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
ReactPlayer A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, M
A plugin enables you to import a Markdown file as various formats on your vite project
vite-plugin-mdoc A plugin enables you to import a Markdown file as various forma
Open-source serverless enterprise CMS. Includes a headless CMS, page builder, form builder, and file manager
Open-source serverless enterprise CMS. Includes a headless CMS, page builder, form builder, and file manager. Easy to customize and expand. Deploys to AWS.
Simple File uploader using React , styled-components and firebase
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
React for Upload Image Gallery. Sorted by drag & drop and Customizable
React Upload Gallery A simple library that lets you create an image gallery, change the order of images, select the highlighted image, and customize i
You can automize iOS and Android app's build, upload and versioning processes via Mobile App Automizer CLI tool.
Mobile App Automizer You can automize iOS and Android app's build, upload and versioning processes via Mobile App Automizer CLI tool. You can upload y
React Component for Converting File to base64
React File Base64 React Component for Converting Files to base64. It's based on Dev Mozilla Website DEMO Install You can import react-file-base64.js t
Simple react hook to open browser file selector.
Welcome to use-file-picker 👋 Simple react hook to open browser file selector. 🏠 Homepage Documentation Usage Simple txt reader Image reader Advanced
Instagram Clone | A place where you could share photos, like media, and follow peoples.
Apollo Instagram Clone Instagram Clone | Social Media Application Web UI Mobile UI Stacks Used Frontend Backend React GraphQL + Express TailwindCSS Ty
A wrapper of dotparser to parse GraphViz dot file and collect nodes / edges
reagram React component to render customizable graph/diagram. There are many great ways in JavaScript to create graphs/diagrams, like mermaid, JointJS
🔌 A handy FilePond adapter component for React
React FilePond React FilePond is a handy wrapper component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes imag
Extendable file viewer for web
react-file-viewer Extendable file viewer for web Supported file formats: Images: png, jpeg, gif, bmp, including 360-degree images pdf csv xslx docx Vi
Compile a Node.js project into a single file. Supports TypeScript, binary addons, dynamic requires.
ncc Simple CLI for compiling a Node.js module into a single file, together with all its dependencies, gcc-style. Motivation Publish minimal packages t
React component of Input file and progress bar
React-fileupload-progress React component of Input file and progress bar. This component watch xhr uploading process, and trigger some events. Install
ReactJS Dropzone for File Uploads (using Dropzone.js)
A Dropzone component for ReactJS, allowing users to "drag and drop" files into an upload area. The component uses the battle-tested Dropzone.js to provide a cross-browser-compatible upload component.
Droparea - HTML5 file Drag and Drop component
Droparea - HTML5 file Drag and Drop component
This is a simple VSCODE extension that shows the symbols and outlines for a React file.
React Outline This is a simple extension that shows the symbols and outlines for a React file. It can detect custom components and also html tags. Her
Left navigation menu. Get data from JSON file and display simple form menu.
Left Navbar Menu Left navigation menu. Get data from JSON file and display simple form menu. User Interface created using React and Typescript. App st
React component that handles csv file input and its parsing
react-csv-reader React component that handles csv file input. It handles file input and returns its content as a matrix. Docs: nzambello.github.io/rea
📫 Graceful upload file(s) solution.
TSDX User Guide Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and h
Resize Local Images with React 🌄 🌅
React Image File Resizer react-image-file-resizer is a react module that can rescaled local images. You can change image's width, height, format, rota
The simple images uploader applied Render Props pattern that allows you to fully control UI component and behaviors.
react-images-uploading The simple images uploader applied Render Props pattern. (You can read more about this pattern here). This approach allows you
A video upload and streaming service specifically built with react
Prequel-Streaming Table of Contents -- Description -- Usage -- License -- Questions Description This application is designed to be a video upload and
React Hooks Multiple File Upload example with Progress Bar & Axios
React Hooks Multiple File Upload example with Progress Bar & Axios We’re gonna create a React Multiple Files upload application using Hooks, in that u
🦋 Component for building file fields - from basic file inputs to drag and drop image galleries.
🦋 react-butterfiles A small component for building file upload fields of any type, for example a simple file upload button or an image gallery field
A Material-UI File Upload Dropzone
material-ui-dropzone @pandemicode/material-ui-dropzone a fork of Material-UI-Dropzone is a set of React components using Material-UI and is based on t
A basic demo to visualize a geojson file using D3.js and React.js
demo-countries-cards A very basic demo application but still useful to understand how to visualize a map.geojson file using D3.js and React. The purpo
An NFT Marketplace React dApp demo on the Polygon blockchain with basic functionalities such as acquire and mint NFTs using ERC721 Smart Contract and Interplanetary File System IPFS.
Polygon-NFT-marketplace generated from jellydn/dapp-starter Opinionated Dapp Starter Template Homepage - Marketplace NFT Minting Features The React Fr
A csv file import button for react-admin
react-admin-import-csv CSV import button for the react-admin framework. Usage Simply import the button into a toolbar, like so: Basic Import Action On
Loads a Sass/SCSS file and compiles it to CSS.
sass-loader Loads a Sass/SCSS file and compiles it to CSS. Getting Started To begin, you'll need to install sass-loader: npm install sass-loader sass
A Material-UI file upload dropzone
material-ui-dropzone Material-UI-dropzone is a React component using Material-UI and is based on the excellent react-dropzone library. This components
Next.js SSG + TypeScript, json file read
jamstack-ex20ts Version: 0.9.1 Author : Kouji Nakashima / kuc-arc-f.com date : 2021/10/31 update : License Licence : MIT License Summary Next.js SSG +
🌊 A flexible and fun JavaScript file upload library
A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.
Elegant React Library Component for drag’n’drop files. Simple to use with little code. Material design guidelines considered.
React set of components for a complete file upload management with image previews on user inteface. There already exists some very good libraries; However, inspired in those ones, there was created something new and more powerful. Google's Material design principles were also considered in development. Indeed, icons come from Material design icons.
🛰 A desktop app that allows you to search, filter, and preview video files on your computer - like YouTube for your local file system.
🛰 A desktop app that allows you to search, filter, and preview video files on your computer - like YouTube for your local file system.
A CSS Module is a CSS file in which all class names and animation names are scoped locally by default.
CSS Modules A CSS Module is a CSS file in which all class names and animation names are scoped locally by default. All URLs (url(...)) and @imports ar
This is a basic file explorer built with NodeJS and React featuring an efficient real-time file watcher.
Simple File Explorer This is a basic file explorer built with NodeJS and React featuring an efficient real-time file watcher. Running Local Demo git c
A little plugin for Bootstrap 4 custom file input
bs-custom-file-input A little plugin which makes Bootstrap 4 custom file input dynamic with no dependencies. You can use it on React and Angular too b
A file manager app made with React Native & Expo
A file manager app made with React Native & Expo
Example Next.js app to upload photos to an S3 bucket.
Example Next.js app to upload photos to an S3 bucket.
React Dropzone Multiple Files Upload example with axios & Rest API, Bootstrap Progress Bar
React Dropzone Multiple Files Upload example with axios & Rest API, Bootstrap Progress Bar
React Native Share, a simple tool for share message and file to other apps.
React Native Share, a simple tool for share message and file to other apps.
React native convert mov file to mp4 (iOS)
react-native-mov-to-mp4 Convert mov file to mp4 for cross-platform playback compatibility. Installation react-native = 0.40: npm install react-native
🌍 Official CLI for SimpleLocalize. Upload & download translations, extract translation keys from various project types.
What it does? SimpleLocalize CLI to simplifies the process of translation in web apps, mobile apps, and games. It can: find translation keys in your l
Use this library to efficiently download and upload blobs in React Native.
react-native-blob-courier Use this library to efficiently download and upload blobs in React Native. The library was inspired by rn-fetch-blob, and ai
Native file download utility for react-native
This repo is deprecated in favor of react-native-fs React Native File Download Native file download utility for react-native Note that does not suppor
react-native module to download and upload files
This module is deprecated. Use https://github.com/wkh237/react-native-fetch-blob or https://github.com/johanneslumpe/react-native-fs instead. react-na
A plugin for file upload on react-native
react-native-file-upload React Native latest version had support file upload, the package is deprecated, detail see #4 #7. A file upload plugin for re
Upload files in your React Native app even while it's backgrounded. Supports Android and iOS, including camera roll assets.
react-native-background-upload The only React Native http post file uploader with android and iOS background support. If you are uploading large files
A React Native module to upload files and camera roll assets.
react-native-uploader A React Native module for uploading files and camera roll assets. Supports progress notification. Install iOS npm install react-
A project committed to making file access and data transfer easier, efficient for React Native developers.
New Maintainers and Repository Location This repository no longer is the main location of "react-native-fetch-blob". The owners of this fork have agre
React-Native image caching in file system with progressive loading for iOS and Android
React Native Image Cache on File System with Progressive Loading Inspired by: wcandillon/react-native-expo-image-cache (William Candillon) WrathChaos/
Get media file metadata in your React Native app
React Native Media Meta Get media file metadata in your React Native app Installation $ npm install react-native-media-meta --save $ react-native link
Transform SVG to React Chakra UI ✨ from SVG file to CODE
Transform SVG to React Chakra UI ✨ from SVG file to CODE
Native file viewer for React Native. Preview any type of file supported by the mobile device.
react-native-file-viewer Native file viewer for react-native. Preview any type of file supported by the mobile device. iOS: it uses QuickLook Framewor
A Babel preset let you import application configs from .env file (zero runtime dependency)
react-native-dotenv Let you import environment variables from a .env file in React Native, don't need any native code integration. Install $ npm insta
React hooks for resumable file uploads using tus
React hooks for resumable file uploads using tus
generate react-native-svg component from .svg file
rnsvg-generator convert any svg files into programmable React Component that compatible to react-native-svg Usage npx rnsvg-generator source-path-or-f