sakamiessakamies
82

Lion CSS UI Kit

screenshot of Lion CSS UI Kit

For web designers wanting to mock up Mac apps in the browser.

GithubDemo

Overview

The Lion CSS UI Kit allows users to easily mock up native Mac apps in their browser. The kit is based on Xcode components on OS X Lion, making it ideal for prototyping OS X apps. The kit is primarily made for Webkit, but should still work in any browser that supports gradients and flexboxes.

Features

  • Native Mac app mockup: The Lion CSS UI Kit allows users to create realistic mockups of native Mac apps.
  • Xcode component-based: The kit is based on Xcode components on OS X Lion, providing an authentic look and feel to the mockups.
  • Easy to use: Users can simply copy and paste the HTML elements with classes to create the desired controls and containers.
  • Customizable: Most of the styles in the kit are not tied to any context, allowing users to apply a class to style an element in any desired way.

Summary

The Lion CSS UI Kit is a useful tool for designers and developers looking to quickly mock up native Mac apps in their browser. With its Xcode component-based approach and easy-to-use HTML elements, users can create realistic prototypes with minimal effort. The customizable nature of the kit allows for flexibility in styling, making it a valuable resource for app prototyping.