Clarity CSS UI Kit

Template >> Website - Clarity CSS UI Kit 13360 by CSSFlow @ CreativeMarket

File Size: 117.25 KB.

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

Fully coded with HTML and CSS (no images).

-- SCREENSHOTS --[email protected][email protected][email protected][email protected][email protected][email protected][email protected][email protected][email protected][email protected][email protected][email protected]

-- Clean, organized HTML5 & CSS3 built with Sass.

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 and 7, Android 4+, and PhoneGap (+ modern desktop browsers).

All form controls are fully functional without JavaScript.

Comes with easy-to-setup CSS transition effects.

-- Deploy today and save hours of work.

Note: 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 comes with well-formatted, standard CSS that you can just as easily copy/paste.

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.

Keywords: css, mobile, app, ios, ui kit, html, flat, iphone, android, theme, template, code, smartphone, css3, html5, ios7, web.

Add Comments:
Enter Code: *