Avatar Picker

Avatar Picker

Framework7 component with file input and image cropper
Last updated on Apr 22, 2022

Avatar Picker

Avatar Picker is a ready to use and configurable Framework7 component with file input and image cropper.

Avatar Picker available as a component for Framework7 Core, Vue, React & Svelte versions.


  • Ready to use drop-in component for existing Framework7 apps
  • Cropper modal functionality uses Framework7 component to perfectly match the design
  • Lots of options to configure the cropper (crop viewport size, output image size, crop viewport shape, etc)
  • Can be used without cropper, will basically work similar to input:file
  • Supports iOS, MD (Material Design) and Aurora themes


In the package you will find:

  • fully functional demo project created with Framework7 CLI (with Vite), with Framework7 Core version
  • Avatar Picker source component files:
    • styles
    • Core component (as JSX Router Component)
    • React component
    • Vue component
    • Svelte component
  • instructions on how to install and setup Avatar Picker in existing Framework7 project

All product names, logos and brands are property of their respective owners.

Follow UI Initiative on Twitter

2022 © UI Initiative by nolimits4web

Sign In

In order to be able to download catalog items, you need to connect your Patreon account so we can verify you are an active patron of the required Patreon projects