A recreation of the iOS 6 interface, built with pure CSS and a bit of JS. A three-day study, reuse freely, but expect to do some wiring to fit a real project.
Navigation
- Status bar
- Navigation bar
- Search bar
- Segmented control
Feedback
- Alert view
- Action sheet
Input
- Switch
- Slider
- Time picker
- Action slider
- Keyboard
- Numeric pad
Lists
- List rows
- Driller rows
More components will be added over time.
<link rel="stylesheet" href="components/system.css">
<script src="components/system.js" defer></script>Copy the markup patterns from index.html and drop in your own icons from /icons.
Every pixel here is based on "Legacy iOS UI Kit" by Denys Lunov.
MIT, see LICENSE