PHPackages                             presseddigital/uploadit - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. presseddigital/uploadit

ActiveCraft-plugin[Utility & Helpers](/categories/utility)

presseddigital/uploadit
=======================

The (sort of) unausuming front end asset uploader for Craft 3.

1.0.1(5y ago)17081proprietaryPHP

Since Aug 10Pushed 1y ago2 watchersCompare

[ Source](https://github.com/presseddigital/uploadit)[ Packagist](https://packagist.org/packages/presseddigital/uploadit)[ RSS](/packages/presseddigital-uploadit/feed)WikiDiscussions master Synced 6d ago

READMEChangelog (2)Dependencies (2)Versions (6)Used By (0)

Uploadit plugin for Craft CMS 3.x
=================================

[](#uploadit-plugin-for-craft-cms-3x)

The unausuming front end asset uploader for Craft 3. Use as a standalone uploader or as field in one of your forms:

Features:
---------

[](#features)

- Drop to upload
- Reorder & remove uploads
- Asset previews
- Customisable
- It's Vanilla (Zero dependencies written in battle tested javascript)

### Requirements

[](#requirements)

This plugin requires Craft CMS 3.0.0-RC1 or later.

### Installation

[](#installation)

To install the plugin, follow these steps:

1. Install with Composer via:

    ```
    composer require presseddigital/uploadit

    ```
2. In the Control Panel, go to Settings → Plugins and click the “Install” button for Uploadit.

Using Uploadit
--------------

[](#using-uploadit)

**Options**

```
{{ craft.uploadit.uploader({
	id: 'myUid',
	name: 'myFieldName',
    assets: [],

    field: 'images',
    element: entry,

    volume: 'myvolume',
	folder: 'my/folder/path',

    preview: 'image',
    transform: 'square',

    limit: 5,
    allowReorder: true,
    allowRemove: true,
    customClass: 'custom--class',

}) }}

```

#### `id` option

[](#id-option)

To drag elements from one list into another, both lists must have the same `group` value. You can also define whether lists can give away, give and keep a copy (`clone`), and receive elements.

- name: `String` — group name
- pull: `true|false|'clone'|function` — ability to move from the list. `clone` — copy the item, rather than move.
- put: `true|false|["foo", "bar"]|function` — whether elements can be added from other lists, or an array of group names from which elements can be taken.
- revertClone: `boolean` — revert cloned element to initial position after moving to a another list.

---

#### `name` option

[](#name-option)

To drag elements from one list into another, both lists must have the same `group` value. You can also define whether lists can give away, give and keep a copy (`clone`), and receive elements.

- name: `String` — group name
- pull: `true|false|'clone'|function` — ability to move from the list. `clone` — copy the item, rather than move.
- put: `true|false|["foo", "bar"]|function` — whether elements can be added from other lists, or an array of group names from which elements can be taken.
- revertClone: `boolean` — revert cloned element to initial position after moving to a another list.

---

#### `assets` option

[](#assets-option)

To drag elements from one list into another, both lists must have the same `group` value. You can also define whether lists can give away, give and keep a copy (`clone`), and receive elements.

- name: `String` — group name
- pull: `true|false|'clone'|function` — ability to move from the list. `clone` — copy the item, rather than move.
- put: `true|false|["foo", "bar"]|function` — whether elements can be added from other lists, or an array of group names from which elements can be taken.
- revertClone: `boolean` — revert cloned element to initial position after moving to a another list.

---

#### `field` option

[](#field-option)

To drag elements from one list into another, both lists must have the same `group` value. You can also define whether lists can give away, give and keep a copy (`clone`), and receive elements.

- name: `String` — group name
- pull: `true|false|'clone'|function` — ability to move from the list. `clone` — copy the item, rather than move.
- put: `true|false|["foo", "bar"]|function` — whether elements can be added from other lists, or an array of group names from which elements can be taken.
- revertClone: `boolean` — revert cloned element to initial position after moving to a another list.

---

#### `element` option

[](#element-option)

To drag elements from one list into another, both lists must have the same `group` value. You can also define whether lists can give away, give and keep a copy (`clone`), and receive elements.

- name: `String` — group name
- pull: `true|false|'clone'|function` — ability to move from the list. `clone` — copy the item, rather than move.
- put: `true|false|["foo", "bar"]|function` — whether elements can be added from other lists, or an array of group names from which elements can be taken.
- revertClone: `boolean` — revert cloned element to initial position after moving to a another list.

---

#### `volume` option

[](#volume-option)

To drag elements from one list into another, both lists must have the same `group` value. You can also define whether lists can give away, give and keep a copy (`clone`), and receive elements.

- name: `String` — group name
- pull: `true|false|'clone'|function` — ability to move from the list. `clone` — copy the item, rather than move.
- put: `true|false|["foo", "bar"]|function` — whether elements can be added from other lists, or an array of group names from which elements can be taken.
- revertClone: `boolean` — revert cloned element to initial position after moving to a another list.

---

**Example Standalone Usage**

```
{{ craft.uploadit.uploader({
	id: 'myUid',
	name: 'myFieldName',
	assets: [],
	volume: 'myvolume',
	folder: 'my/folder/path',
	preview: 'image',
	transform: 'square',
    themeColour: '#ff00ff',
}) }}

```

[![Linkit](resources/img/customise-labels.png)](resources/img/customise-labels.png)

**Example Form Usage**

```
{{ craft.uploadit.uploader({
	id: 'myUid',
	name: 'myFieldName',
    assets: [],
    field: 'images',
    element: 345678,
    preview: 'image',
    transform: 'square',
    themeColour: '#ff00ff',
}) }}

```

[![Linkit](resources/img/customise-labels.png)](resources/img/customise-labels.png)

Roadmap
-------

[](#roadmap)

- Better validation
- Translate javascript strings

Note: This plugin will become a paid add-on when the Craft Plugin store becomes available.

Brought to you by [Pressed Digital](https://pressed.digital)

###  Health Score

31

—

LowBetter than 68% of packages

Maintenance28

Infrequent updates — may be unmaintained

Popularity16

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity58

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 85.7% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~492 days

Total

4

Last Release

629d ago

Major Versions

1.0.1 → v3.x-dev2020-08-19

v3.x-dev → v4.x-dev2024-08-26

### Community

Maintainers

![](https://www.gravatar.com/avatar/30e271d5413641227c3f1f8a6bb6bb93f73da32aa365ce1e41f44449da9a6ec0?d=identicon)[presseddigital](/maintainers/presseddigital)

---

Top Contributors

[![samhibberd](https://avatars.githubusercontent.com/u/1846063?v=4)](https://github.com/samhibberd "samhibberd (6 commits)")[![ben-callaway](https://avatars.githubusercontent.com/u/7083462?v=4)](https://github.com/ben-callaway "ben-callaway (1 commits)")

---

Tags

craftcmspluginutilitycmsfront-endCraftcraftcmscraft-pluginasset uploaderuploadit

### Embed Badge

![Health badge](/badges/presseddigital-uploadit/health.svg)

```
[![Health](https://phpackages.com/badges/presseddigital-uploadit/health.svg)](https://phpackages.com/packages/presseddigital-uploadit)
```

###  Alternatives

[verbb/navigation

Create navigation menus for your site.

90683.7k17](/packages/verbb-navigation)[verbb/formie

The most user-friendly forms plugin for Craft.

101372.9k40](/packages/verbb-formie)[verbb/comments

Add comments to your site.

13753.1k](/packages/verbb-comments)[verbb/tablemaker

Create customizable and user-defined table fields.

40168.8k1](/packages/verbb-tablemaker)[supercool/tablemaker

Create customizable and user-defined table fields.

40141.7k](/packages/supercool-tablemaker)[verbb/vizy

A flexible visual editor field for Craft.

4348.6k](/packages/verbb-vizy)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)