Object-position utilities for Tailwind CSS.

  • By Nestor Vera
  • Last update: Jun 19, 2021
  • Comments: 1

Tailwind CSS Object Position Plugin

Deprecated due to Tailwind CSS supporting both objectFit and objectPosition as of v0.7.1.

This plugin adds utilities to use object-position with Tailwind CSS.


Add this plugin to your project:

# Install using npm
npm install --save-dev tailwindcss-object-position

# Install using yarn
yarn add -D tailwindcss-object-position


.object-top: { object-position: top; }
.object-right: { object-position: right; }
.object-bottom: { object-position: bottom; }
.object-left: { object-position: left; }
.object-center: { object-position: center; }
.object-right-top: { object-position: right top; }
.object-right-bottom: { object-position: right bottom; }
.object-left-top: { object-position: left top; }
.object-left-bottom: { object-position: left bottom; }




  • 1

    Upgrade to GitHub-native Dependabot

    Dependabot Preview will be shut down on August 3rd, 2021. In order to keep getting Dependabot updates, please merge this PR and migrate to GitHub-native Dependabot before then.

    Dependabot has been fully integrated into GitHub, so you no longer have to install and manage a separate app. This pull request migrates your configuration from Dependabot.com to a config file, using the new syntax. When merged, we'll swap out dependabot-preview (me) for a new dependabot app, and you'll be all set!

    With this change, you'll now use the Dependabot page in GitHub, rather than the Dependabot dashboard, to monitor your version updates, and you'll configure Dependabot through the new config file rather than a UI.

    If you've got any questions or feedback for us, please let us know by creating an issue in the dependabot/dependabot-core repository.

    Learn more about migrating to GitHub-native Dependabot

    Please note that regular @dependabot commands do not work on this pull request.