Skip to content

Commit edc4a74

Browse files
committed
[REF]: Improve readme file
1 parent 3b6e9c5 commit edc4a74

File tree

1 file changed

+21
-20
lines changed

1 file changed

+21
-20
lines changed

README.md

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
:rocket: [Spanish README](./README_ES.md)
22

33
# Dropzone UI
4+
45
The `best`, most complete and `easy to use`, [React](https://reactjs.org/) file upload library.
56

67
:zap: Live demo and code generator : [dropzone-ui.com](http://www.dropzone-ui.com)
78

8-
:heart: it ?, :star: it on :octocat: [Github](https://github.com/dropzone-ui/dropzone-ui) :D
9-
9+
:heart: it ?, :star: it on :octocat: [Github](https://github.com/dropzone-ui/dropzone-ui) :D
1010

1111
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/dropzone-ui/react/blob/HEAD/LICENSE)
1212
[![npm latest package](https://img.shields.io/npm/v/@dropzone-ui/react.svg?logo=npm&logoColor=fff&label=NPM+package&color=limegreen)](https://www.npmjs.com/package/@dropzone-ui/react)
@@ -22,31 +22,17 @@ The `best`, most complete and `easy to use`, [React](https://reactjs.org/) file
2222
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
2323
[![GitHub Repo stars](https://img.shields.io/github/stars/dropzone-ui/react?label=Star%20me%20please%20:D&style=social)](https://github.com/dropzone-ui/react)
2424
[![Twitter URL](https://img.shields.io/twitter/url?style=social&url=https%3A%2F%2Fgithub.com%2Fwellyshen%2Freact-cool-img)](https://twitter.com/intent/tweet?text=With%20@dropzone_ui,%20my%20@reactjs%20%20web%20app%20becomes%20more%20powerful.%20Thanks,%20@JinJoseManuel%20%F0%9F%A4%A9)
25-
<p align="center">
26-
<img src="https://user-images.githubusercontent.com/43678736/148801752-954fa819-023d-4596-b557-56f7a38f4745.png" align="center">
27-
</p>
28-
29-
## Sample result:
30-
31-
On `Drag`, `Drop`, `Upload` and full screen `preview`. (also changing view mode from `grid` to `list`).
3225

3326
<p align="center">
34-
<a href="https://github.com/dropzone-ui/react#readme">
35-
<img align="center" width="100%" src="https://user-images.githubusercontent.com/43678736/139614260-602b512c-cf78-48fe-ae57-1057e7ec8135.gif" alt="dropone-ui-preview">
36-
</a>
37-
27+
<img src="https://user-images.githubusercontent.com/43678736/148801752-954fa819-023d-4596-b557-56f7a38f4745.png" align="center">
3828
</p>
3929

40-
More previews [here](#more-reviews).
41-
42-
Did you like the project? Please don't forget to give us a :star: star on :octocat: [GitHub](https://github.com/dropzone-ui/dropzone-ui) :D
43-
4430
## Key Features
4531

4632
- :white_check_mark: File validation: Validate files before uploading.
4733
- :art: File Image previews: See a thumbnail preview
48-
- :framed_picture: [Full screen image previews](#full-screen-image-preview): Add more interacion with a full screen preview of images
49-
- :movie_camera: [Full screen video previews](#full-screen-video-preview). Play the video before uploading. [![new-feature](https://img.shields.io/badge/new-feature-green.svg)](https://github.com/dropzone-ui/react-dropzone/releases/tag/v6.4.0)
34+
- :framed_picture: [Full screen image previews](#image-full-screen-preview): Add more interacion with a full screen preview of images
35+
- :movie_camera: [Full screen video previews](#video-full-screen-preview). Play the video before uploading. [![new-feature](https://img.shields.io/badge/new-feature-green.svg)](https://github.com/dropzone-ui/react-dropzone/releases/tag/v6.4.0)
5036
- :eyes: status visualization: validation and upload status is shown on a [Tooltip](https://codesandbox.io/s/dropzone-ui-fileitem-resultontooltip-h6hu7) or on [Info Layer](https://codesandbox.io/s/dropzone-ui-fileitem-resultontooltip-h6hu7).
5137
- :airplane: File upload: Upload valid files to a server.
5238
- :performing_arts: Out of the box design and style.
@@ -66,6 +52,21 @@ Ordered by use:
6652

6753
- [Code generator](#code-generator)
6854

55+
## Sample result:
56+
57+
On `Drag`, `Drop`, `Upload` and full screen `preview`. (also changing view mode from `grid` to `list`).
58+
59+
<p align="center">
60+
<a href="https://github.com/dropzone-ui/react#readme">
61+
<img align="center" width="100%" src="https://user-images.githubusercontent.com/43678736/139614260-602b512c-cf78-48fe-ae57-1057e7ec8135.gif" alt="dropone-ui-preview">
62+
</a>
63+
64+
</p>
65+
66+
- More previews [here](#more-previews).
67+
68+
- Did you like the project? Please don't forget to give us a :star: star on :octocat: [GitHub](https://github.com/dropzone-ui/dropzone-ui) :D
69+
6970
## Code generator
7071

7172
Want to generate the code that fits your needs? Just interact with the code generator [here](http://dropzone-ui.com/).
@@ -404,14 +405,14 @@ export interface CustomValidateFileResponse {
404405

405406
[![Forkers repo roster for @dropzone-ui/dropzone-ui-react](https://reporoster.com/forks/dropzone-ui/dropzone-ui-react)](https://github.com/dropzone-ui/dropzone-ui-react/network/members)
406407

407-
408408
## More Previews
409409

410410
### Image full screen preview
411411

412412
<p align="center"><img src="https://camo.githubusercontent.com/58e1d2e245bdd8a4eb7302bc0749ce9fd39bfade9838c4ed7fe9272d94e54eb4/68747470733a2f2f6465762d746f2d75706c6f6164732e73332e616d617a6f6e6177732e636f6d2f75706c6f6164732f61727469636c65732f3577786b31346f367a686c6f7a327a337a7970792e706e67" alt="Image full screen preview" width="100%"/></p>
413413

414414
### Video full screen preview
415+
415416
<p align="center"><img src="https://user-images.githubusercontent.com/43678736/148802895-9a5349a7-224d-44df-854b-19d6a1f2d30e.png" alt="Video full screen preview" width="100%"/></p>
416417

417418
## License

0 commit comments

Comments
 (0)