Today we are showcasing you 10 jQuery and CSS3 Mobile App Styles for your mobile app needs! They are really cool and worth checking out, Enjoy!

1. Anonymous Pen

jQuery Responsive Web Design Checker

Anonymous-Pen.jpg
Source + Demo

2. Twitter buttons without the iframe

Embedding Tweet or Follow buttons on responsive sites can be a bit of a touchy subject. Including them can increase page load time greatly. However, they are a great and easy way to spread the word about a new blog post or article.

Twitter-Buttons.jpg
Source + Demo

3. Cycle for android clock

Make the animation for android docking clock.

Cycle-for-Android-Clock
Source + Demo

4. Device Switcher

Animation for showcasing responsive layouts.

Device-Switcher.jpg
Source + Demo

5. App Navigation with Notification Badges

A simple app navigation with colorful notification badges. The badges are generated from a single input color using Sass functions, which you can easily customize to create your own.

Notification-Badges.jpg
Source + Demo

6. Simple sass/jQuery Accordion

css3/sass/jquery accordion that has some simple animations with arrows all done in css (sliding and click states done with jquery).

Simple-Sass.jpg
Source + Demo

7. Clothing Conversions (design by Rally Interactive)

Referred to dribbble.com

Clothing-Conversions.jpg
Source + Demo

8. Mobile Slide-in menu

A sliding menu similar to Facebook and Path’s approach to menu design on mobile.

Mobile-Slide-in-Menu.jpg
Source + Demo

9. Mobile-Optimized Signup Form

Simple signup form optimized for mobile, with toggleable password masking. Brings up correct contextual keyboard for each input.

Mobile-Optimized-Sign-up-Form.jpg
Source + Demo

10. Android Address Book replica with AngularJs

An Android Address Book replica with AngularJs

Android-Address-Book.jpg
Source + Demo

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.


Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.