Clarity CSS UI Kit

A clean, touch-optimized user interface kit that closely matches iOS's new look and feel.

Live Demo Buy Now $29 100% Satisfaction Guaranteed or Your Money Back!

Development funded by Calendee LLC for their mobile app Kids In Touch.

Clean, organized HTML5 & CSS3 built with Sass. Sass is an extension of CSS3 that adds useful features such as nested rules and variables.
You don't have to use Sass to use this kit.
It also comes with well-formatted, standard CSS.

Use it as a foundation for a new mobile web app or copy/paste elements into an existing project.
Either way, you'll be up and running in no time.

Pixel perfect design with a native feel.
Using cutting-edge CSS, this kit pushes the envelope in mobile web design. It loads quickly (no images) and looks sharp on high-resolution/Retina displays.

Tested on iOS 6+, Android 4+, and PhoneGap.
All form controls are fully functional without JavaScript.
Comes with easy-to-setup CSS transition effects.

Deploy today and save hours of work.
Unlimited websites & applications (license).
All updates are free.

Includes a wide range of UI elements:
Fixed top and bottom bars, off-canvas menus, action sheets, alerts/modals, buttons (incl. color variations), segmented controls/tabs, many kinds of lists, text fields, search bar, dropdown lists (select), checkbox and radio lists, switches, labels, form validation, headings, pills/tags, badges, and more.
Also included is an alternate (and easily configurable) color scheme for the top and bottom navigation bars.
The animation effects for the menus, action sheets and alerts are activated by toggling a single class on one element.

Or save 40% and Buy All 6 Kits Now $49

Questions and Answers

Do I have to use Sass?
No, all kits come with well-formatted, standard CSS that you can easily copy/paste.
Also, the Sass source uses the SCSS syntax which is very similar to CSS.
Can I use it on multiple websites?
Yes, you're free to use the kits in all your personal and commercial websites and applications.
See the license agreement for more information.
How will I receive my files?
You'll receive an email receipt containing a download link immediately after your purchase. This link will never expire and you can download as many times as you like.
If you don't receive the receipt please email me and I'll do my best to send it to you as soon as possible.
What is your refund policy?
If you are not 100% satisfied simply drop me a line within 30 days of your purchase and I'll refund all of your money — no questions asked!
What payment methods do you accept?
You can either pay with a credit card (via Gumroad) or with PayPal. Both methods do not require an account.

If you have any questions, please don't hesitate to get in touch.