Skip to content


Subversion checkout URL

You can clone with
Download ZIP
A collection of re-usable views, controls & utilities for Cappuccino.
Branch: master
Failed to load latest commit information.
.gitignore LPKit can now be compiled properly using jake
Info.plist LPKit can now be compiled properly using jake
Jakefile symlink the correct files into narwhal, also allow passing a raw url …
LICENSE added license
LPAnchorButton.j symlink the correct files into narwhal, also allow passing a raw url …
LPCalendarHeaderView.j minor code cleanup in LPChartView
LPCalendarMonthView.j if selection length type is changed in Calendar View, reflect it in t…
LPCalendarView.j fix for CalendarView not drawing the grid correctly, due to a recent …
LPChartView.j slight formatting fix
LPCookieController.j make escaping cookie values optional
LPCrashReporter.j added autoresizing masks to cancel button in LPCrashReporter report w…
LPEmail.j Shouldn't be two calls to test the email pattern. Closes #2
LPKit.j added missing import
LPLocationController.j use window.onhashchange if that is available in the LocationController
LPMultiLineTextField.j Added option to disable scrollbars from appearsing on overflow
LPPieChartView.j LPChartView should make a copy of the draw view.
LPSlideView.j correct ivar declaration
LPSparkLine.j removed leftover method in sparkline.
LPSwitch.j New LPViewController, with new & better API and also supports using h…
README.markdown added randy as a contributor in the readme



A collection of different generic views & utilities for Cappuccino, extracted from Observer.

A demo is available at, with the source code in the LPKit-Examples repository.

LPKit requires Cappuccino 0.8.1.


Place the entire LPKit folder in your Frameworks folder, or any directory that you add using OBJJ_INCLUDE_PATHS.

What's inside

Slide view

LPSlideView lets you slide between different subviews. Only one subview will be visible, and the sliding only shows the relevant subviews - no matter how many other views might be between them.

Calendar view

calendar view

LPCalendarView is a calendar view based on the iPhone calendar app, with the same sliding when changing months. Currently supports selecting days & weeks, also marking a special day as highlighted - such as the current day or week.


calendar view

A fully customizable chart view that can be used to implement either Bar or Line charts.


calendar view

A fully customizable pie chart view.



A simple sparkline chart, comparable to the Google Chart sparklines - but using CoreGraphics rather than an image.

Switch control

switch control

A port of the UISwitch from the iPhone SDK, with the same behavior and feel.

Anchor Button

A control which can either simulate anchors, or if provided with a CPURL creates an anchor element. Useful for creating hyperlinks.



A simple object which lets you validate emails, for now. NOTE: the current regexp is broken, needs to be replaced with one that actually works.


A wrapper around CPURLRequest to make working with post requests a bit simpler. Rather than manually settings the HTTPBody & Content-Type, you pass it a javascript object with key value pairs of strings which you want to send as a POST request.


var request = [LPURLPostRequest requestWithURL:[CPURL URLWithString:@"/my-url/"]],
    content = {
                  'name': 'Lorem ipsum',
                  'age': '18'

[request setContent:content]
[CPURLConnection connectionWithRequest:request delegate:self];


A utility class to work with document.cookie, without the tedious stuff.


var cookieController = [LPCookieController sharedCookieController];

// Set a session, which will be deleted when the browser closes.
[cookieController setValue:@"My value" forKey:@"MyKey"];

// Set a cookie which won't be flushed
[cookieController setValue:@"My value" forKey:@"MyOtherKey" expirationDate:[CPDate distantFuture]];

// Get the value of the session
console.log('value for MyKey: ' + [cookieController valueForKey:@"MyKey"]);


LPKit makes heavy use of the theme API in Cappuccino. An example on how to use themes with LPKit is available in in the LPKit-Examples repository which has a demo theme with an Aristo inspired look.


Something went wrong with that request. Please try again.