jQuery Plugin For Responsive Project Showcase - AppStore.js

jQuery Plugin For Responsive Project Showcase - AppStore.js
File Size: 43.4 KB
Views Total: 2513
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

AppStore.js is a ultra-light jQuery plugin that generates a responsive grid layout from a JSON data file for showcasing your projects like posts, Apps, products, and more. AppStore.js comes with 2 built-in themes (dark and light) but you can also create your own styles via CSS to fit your needs.

How to use it:

1. Load the jQuery library and appstore.js script on the web page

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="appstore.js"></script>

2. Load the appstore.css in the head section of your page

<link rel="stylesheet" href="appstore.css" />

3. Create a container for the layout

<div id="demo"></div>

4. Call the function

json:"appstore.json", // your json data file
theme:"dark" // dark or light. You can also create your owns in appstore.css

5. JSON data

"items": [
"title" :"TITLE",
"description"   :"DESCRIPTION",
"link"  :"#",
"thumbnail" :"THUMBNAIL.JPG",
"logo"  :"LOGO.JPG",
"tag"   :"jquery plugin",
"date"  :"27th july, 2013"

Change log:

v1.0.3 (2013-10-18)

  • Made Compatible with Bootstrap, Foundation and other Frameworks
  • Some Optimizations

v1.0.2 (2013-10-14)

  • Made Boostrap Compatible

This awesome jQuery plugin is developed by ramswaroop. For more Advanced Usages, please check the demo page or visit the official website.