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.

Features

• 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 and MD (Material Design) themes

Package

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