Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

For web designers wanting to prototype native apps for Mac OS X Lion.

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 fonts
Octocat-spinner-32 img
Octocat-spinner-32 psd
Octocat-spinner-32 .gitignore
Octocat-spinner-32 README.md
Octocat-spinner-32 index.html
Octocat-spinner-32 lion-ui-kit.css
Octocat-spinner-32 noise-hard.png
Octocat-spinner-32 prefixfree.min.js
README.md

Lion CSS UI Kit

For web designers wanting to prototype native apps for Mac OS X Lion.

Any feedback would be greatly appreciated.

Compatibility

Since the kit is for prototyping Lion apps, it's mainly made for webkit.

Usage

Copy & paste is your friend. I tried to keep the html as simple as possibble and avoid using any javascript for basic interactivity on the components. The selection in lists and segmented controls is handled with radio buttons. Disclosure triangles are checkboxes styled using -webkit-appearance: none;

Most of the styles are not tied to any context, so you can just apply a class to style an element in any way you wish. The classes are named after the actual component names in Xcode.

Something went wrong with that request. Please try again.