Add drf-restwind and update outdated images in browsable-api.md (#9680)
* add drf-restwind * Add images of 3rd party customization packages
Yousef Abu Shanab
GitHub
|
|
@ -160,6 +160,7 @@ To submit new content, [create a pull request][drf-create-pr].
|
|||
|
||||
### Customization
|
||||
|
||||
* [drf-restwind][drf-restwind] - a modern re-imagining of the Django REST Framework utilizes TailwindCSS and DaisyUI to provide flexible and customizable UI solutions with minimal coding effort.
|
||||
* [drf-redesign][drf-redesign] - A project that gives a fresh look to the browse-able API using Bootstrap 5.
|
||||
* [drf-material][drf-material] - A project that gives a sleek and elegant look to the browsable API using Material Design.
|
||||
|
||||
|
|
@ -254,6 +255,7 @@ To submit new content, [create a pull request][drf-create-pr].
|
|||
[django-requestlogs]: https://github.com/Raekkeri/django-requestlogs
|
||||
[drf-standardized-errors]: https://github.com/ghazi-git/drf-standardized-errors
|
||||
[drf-api-action]: https://github.com/Ori-Roza/drf-api-action
|
||||
[drf-restwind]: https://github.com/youzarsiph/drf-restwind
|
||||
[drf-redesign]: https://github.com/youzarsiph/drf-redesign
|
||||
[drf-material]: https://github.com/youzarsiph/drf-material
|
||||
[django-pyoidc] : https://github.com/makinacorpus/django_pyoidc
|
||||
[django-pyoidc]: https://github.com/makinacorpus/django_pyoidc
|
||||
|
|
|
|||
BIN
docs/img/drf-m-api-root.png
Normal file
|
After Width: | Height: | Size: 81 KiB |
BIN
docs/img/drf-m-detail-view.png
Normal file
|
After Width: | Height: | Size: 121 KiB |
BIN
docs/img/drf-m-list-view.png
Normal file
|
After Width: | Height: | Size: 123 KiB |
BIN
docs/img/drf-r-api-root.png
Normal file
|
After Width: | Height: | Size: 82 KiB |
BIN
docs/img/drf-r-detail-view.png
Normal file
|
After Width: | Height: | Size: 118 KiB |
BIN
docs/img/drf-r-list-view.png
Normal file
|
After Width: | Height: | Size: 127 KiB |
BIN
docs/img/drf-rw-api-root.png
Normal file
|
After Width: | Height: | Size: 76 KiB |
BIN
docs/img/drf-rw-detail-view.png
Normal file
|
After Width: | Height: | Size: 99 KiB |
BIN
docs/img/drf-rw-list-view.png
Normal file
|
After Width: | Height: | Size: 100 KiB |
BIN
docs/img/rfm.png
|
Before Width: | Height: | Size: 134 KiB |
BIN
docs/img/rfr.png
|
Before Width: | Height: | Size: 142 KiB |
|
|
@ -81,22 +81,43 @@ For more specific CSS tweaks than simply overriding the default bootstrap theme
|
|||
|
||||
### Third party packages for customization
|
||||
|
||||
You can use a third party package for customization, rather than doing it by yourself. Here is 2 packages for customizing the API:
|
||||
You can use a third party package for customization, rather than doing it by yourself. Here is 3 packages for customizing the API:
|
||||
|
||||
* [rest-framework-redesign][rest-framework-redesign] - A package for customizing the API using Bootstrap 5. Modern and sleek design, it comes with the support for dark mode.
|
||||
* [rest-framework-material][rest-framework-material] - Material design for Django REST Framework.
|
||||
* [drf-restwind][drf-restwind] - a modern re-imagining of the Django REST Framework utilizes TailwindCSS and DaisyUI to provide flexible and customizable UI solutions with minimal coding effort.
|
||||
* [drf-redesign][drf-redesign] - A package for customizing the API using Bootstrap 5. Modern and sleek design, it comes with the support for dark mode.
|
||||
* [drf-material][drf-material] - Material design for Django REST Framework.
|
||||
|
||||
---
|
||||
|
||||
![Django REST Framework Redesign][rfr]
|
||||
![API Root][drf-rw-api-root]
|
||||
|
||||
*Screenshot of the rest-framework-redesign*
|
||||
![List View][drf-rw-list-view]
|
||||
|
||||
![Detail View][drf-rw-detail-view]
|
||||
|
||||
*Screenshots of the drf-restwind*
|
||||
|
||||
---
|
||||
|
||||
![Django REST Framework Material][rfm]
|
||||
---
|
||||
|
||||
*Screenshot of the rest-framework-material*
|
||||
![API Root][drf-r-api-root]
|
||||
|
||||
![List View][drf-r-list-view]
|
||||
|
||||
![Detail View][drf-r-detail-view]
|
||||
|
||||
*Screenshot of the drf-redesign*
|
||||
|
||||
---
|
||||
|
||||
![API Root][drf-m-api-root]
|
||||
|
||||
![List View][drf-m-api-root]
|
||||
|
||||
![Detail View][drf-m-api-root]
|
||||
|
||||
*Screenshot of the drf-material*
|
||||
|
||||
---
|
||||
|
||||
|
|
@ -197,7 +218,15 @@ There are [a variety of packages for autocomplete widgets][autocomplete-packages
|
|||
[bcomponentsnav]: https://getbootstrap.com/2.3.2/components.html#navbar
|
||||
[autocomplete-packages]: https://www.djangopackages.com/grids/g/auto-complete/
|
||||
[django-autocomplete-light]: https://github.com/yourlabs/django-autocomplete-light
|
||||
[rest-framework-redesign]: https://github.com/youzarsiph/rest-framework-redesign
|
||||
[rest-framework-material]: https://github.com/youzarsiph/rest-framework-material
|
||||
[rfr]: ../img/rfr.png
|
||||
[rfm]: ../img/rfm.png
|
||||
[drf-restwind]: https://github.com/youzarsiph/drf-restwind
|
||||
[drf-rw-api-root]: ../img/drf-rw-api-root.png
|
||||
[drf-rw-list-view]: ../img/drf-rw-list-view.png
|
||||
[drf-rw-detail-view]: ../img/drf-rw-detail-view.png
|
||||
[drf-redesign]: https://github.com/youzarsiph/drf-redesign
|
||||
[drf-r-api-root]: ../img/drf-r-api-root.png
|
||||
[drf-r-list-view]: ../img/drf-r-list-view.png
|
||||
[drf-r-detail-view]: ../img/drf-r-detail-view.png
|
||||
[drf-material]: https://github.com/youzarsiph/drf-material
|
||||
[drf-m-api-root]: ../img/drf-m-api-root.png
|
||||
[drf-m-list-view]: ../img/drf-m-list-view.png
|
||||
[drf-m-detail-view]: ../img/drf-m-detail-view.png
|
||||
|
|
|
|||