Unsplash for Sublime Text

Use real dummy images instead of placeholders. Unsplash for Sublime Text brings beautiful images from Unsplash to Sublime Text, your favorite code editor.

Features

• Get random image (or image url) from Unsplash
• Insert an img tag
• Insert image URL
• Insert Background Image CSS
• Insert Markdown Tag

How to use

• Launch the Command Palette Shift+Cmd+ P and search for Unsplash

Keyboard shortcuts:

• Alt + s → Insert image tag
• Alt + Shift + s → Insert image URL
• Cmd + Alt + Shift + s → Insert Background Image CSS
• Cmd + Alt + Shift + m → Markdown Image Tag

Settings

You can specify different images sizes in your Preferences.sublime-settings. Tumblr sizes: 1280, 500, 400, 250, 100, 75 pixels. For example:

{
	"imgWidth": 1280
}

Installation

Package Control

If you have Package Control installed

• Just search for "Unsplash" to install

Using Git

Go to your Sublime Text Packages directory and clone the repository using:

git clone https://github.com/urre/Unsplash

Download Manually

• Download the files using the GitHub .zip download option
• Unzip the files and rename the folder to Unsplash
• Copy the folder to your Sublime Text Packages directory

FAQ

Which version of Sublime Text does this support?

Both Sublime Text 2 and 3.

Changelog

• 1.1.2 Added Windows Keyboard Shortcuts
• 1.1.1 Added keyboard shortcut for Markdown Image Tag
• 1.1.0 Added support for Markdown Image Tag
• 1.0.0 Fetch images directly via the Tumblr API. Bug fix: use background instead of background image. Added settings file for fetching different sizes

Notes

Images from Unsplash is free do whatever you want (CC0 1.0 Universal (CC0 1.0))

You will find photo credits under each photo on Unsplash