🔥 Meet Our New Project: t0ggles - Your Ultimate Project Management Tool! 🔥
Avatar Picker

Avatar Picker

Framework7 component with file input and image cropper
Last updated on Nov 9, 2023

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

Follow UI Initiative on Twitter

Terms of servicePrivacy policyRefund policyContactExtended License

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

2023 © UI Initiative by nolimits4web

Sign In

You need to be logged in to be able to make a purchase and download catalog items.