https://github.com/linkorb/launchpad
Mac OSX launchpad style javascript library
https://github.com/linkorb/launchpad
Last synced: about 1 month ago
JSON representation
Mac OSX launchpad style javascript library
- Host: GitHub
- URL: https://github.com/linkorb/launchpad
- Owner: linkorb
- License: mit
- Created: 2015-06-18T08:58:28.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2017-11-15T04:19:50.000Z (over 7 years ago)
- Last Synced: 2025-04-16T10:35:08.759Z (about 1 month ago)
- Language: JavaScript
- Homepage: http://linkorb.github.io/launchpad
- Size: 18.6 KB
- Stars: 6
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# launchpad
Mac OSX launchpad style javascript library
## Installation
Using bower
```
bower install launchpad
```
## Usage
### Basic usage
Construct a JavaScript array to specify the data of the apps in your launchpad.
For each app, an icon, a link, and a label can be specified.
```html
launchpad.setData([
{
icon:"http://images.apple.com/v/osx/c/images/better-apps/icon_photos_large_2x.png",
link: "http://www.apple.com/osx/apps/#numbers",
label: "Photos"
},
{
icon:"http://images.apple.com/v/mac/shared/built-in-apps/e/images/numbers_icon_large_2x.png",
link: "http://www.apple.com/osx/apps/#numbers",
label: "Numbers"
},
{
icon:"http://images.apple.com/v/osx/c/images/better-apps/icon_photos_large_2x.png",
link: "http://www.apple.com/osx/photos/",
label: "Photos"
}
]);
```
[Demo](http://linkorb.github.io/launchpad/ "Simple launchpad")
### Make app groups
Apps can also be grouped. Simply make a group element in the data array, specifying ```group``` (the label of the group) and ```apps``` (the apps array).
```html
launchpad.setData([
{
group: 'Entertainment',
apps: [
{
icon:"http://images.apple.com/v/osx/c/images/better-apps/icon_photos_large_2x.png",
link: "http://www.apple.com/osx/apps/#numbers",
label: "Photos"
},
{
icon:"http://images.apple.com/v/mac/shared/built-in-apps/e/images/numbers_icon_large_2x.png",
link: "http://www.apple.com/osx/apps/#numbers",
label: "Numbers"
},
]
},
{
group: 'Work',
apps: [
{
icon:"http://images.apple.com/v/mac/shared/built-in-apps/e/images/numbers_icon_large_2x.png",
link: "http://www.apple.com/osx/apps/#numbers",
label: "Numbers"
},
{
icon:"http://images.apple.com/v/mac/shared/built-in-apps/e/images/keynote_icon_large_2x.png",
link: "http://www.apple.com/mac/keynote/",
label: "Keynote"
},
]
},
{
icon:"http://images.apple.com/v/mac/shared/built-in-apps/e/images/numbers_icon_large_2x.png",
link: "http://www.apple.com/osx/apps/#numbers",
label: "Numbers"
},
{
icon:"http://images.apple.com/v/mac/shared/built-in-apps/e/images/keynote_icon_large_2x.png",
link: "http://www.apple.com/mac/keynote/",
label: "Keynote"
}
]);
```
[Demo](http://linkorb.github.io/launchpad/ "Grouped launchpad")