CSS, Design, HTML5, Windows 8, Windows Store apps, WinJs, WinRT

72 design templates for Windows Store apps

I recently tweeted about some upcoming new design templates. At that time these templates were not released yet. Today I stumbled on them again. And it turns out that they are available for free on codeplex. You can see them all here.

It’s not recommended to uses these templates as is. They’re provided as Visual Studio solutions in C# and JS and you should change the design to match your brand, of course.

UPDATE May 9th 2013:
Added 10 more templates to the list.

UPDATE January 1st 2014:
Added 12 more templates to the list.

Here’s the entire list again. Click on the image to go to the template.

 Windows 8 App Design Reference Template: Block Style Color Block Style Color template will help if you want to build an app which needs a Variable Size Content display blocksThe Block Style Color template contains placeholders for Category and Detail Page. You can leverage this style if your implementation scenario is closest to this template.
 Windows 8 App Design Reference Template: Block Style Picture Block Style Pic template is an emulation of a data storage app with placeholders for category and details data.
 Windows 8 App Design Reference Template: Brick Style Brick Style template will help if you want to adopt a brick style variable size display in your app’s hub page.
 Windows 8 App Design Reference Template: Cook Book Cook Book template will help if you want to build an app which has the following ingredients:

  • Group display
  • Category display
  • Recipe detail display

Making use of this template you can create any Cookbook app.

 Windows 8 App Design Reference Template: E-Commerce Electronics E-Commerce Electronic template will help if you want to build an app which has the following ingredients:

  1. Category Display
  2. Group Category Display
  3. Category Detail Display
  4. Detail Display
 Windows 8 App Design Reference Template: E-Commerce Fashion E-Commerce Fashion template will help if you want to build an app which has the following ingredients:

  1. Category Display
  2. Group Category Display
  3. Category Detail Display
  4. Detail Display
 Windows 8 App Design Reference Template: Finance Finance Template will help if you want to build an app which has the following ingredients

  1. Chart & Market Indies Display
  2. Market Indies Display

The finance template is an emulation of a Finance app with placeholders for Chart and Market Indies data. Making use of this template you can create any Market Watch app.

 Windows 8 App Design Reference Template: Food and Dining The Food and Dining template is an emulation of a Recipe app with placeholders for various category of recipe, Ingredients and Instruction.
 Windows 8 App Design Reference Template: Food Light Food Light Template will help if you want to build an app which has the following ingredients

  1. Recipe Details
  2. Restaurant

The Food Light template is an emulation of a Recipe app with placeholders for various category of recipe, Ingredients and Instruction.

 Windows 8 App Design Reference Template: Health & Fitness The Health & Fitness is an emulation of a fitness app with placeholders for Category, Group Category, and Detail data. Making use of this template you can create any fitness app.
 Windows 8 App Design Reference Template: Invitation The Invitation template is an emulation of an invitation app with placeholders for event category, catalogue, details and review share data. You can also share the created invitation through share source.
 Windows 8 App Design Reference Template: Music Music Template will help if you want to build an app which has the following ingredients

  1. Music Category Display
  2. Playlist Display
  3. Music Player
 Windows 8 App Design Reference Template: News Dark News Dark Template is an emulation of a News app with placeholders for News category and News details.
 Windows 8 App Design Reference Template: News Grey News Grey Template is an emulation of a News app with placeholders for News category and News details.
 Windows 8 App Design Reference Template: News Variable Tile News Variable Tile Template is an emulation of a News app with placeholders for News category, Group Category and Detail data.
 Windows 8 App Design Reference Template: Photo Browser Photo Browser template is an emulation of a Picture browser app with placeholders for Category, Group Category, and Detail Data. Making use of this template you can create a Photo Browser app.
 Windows 8 App Design Reference Template: Shopping Shopping template will help if you want to build an app which has the following ingredients

  1. Product Category Display
  2. Product Catalogue Display
  3. Product Details Page

The shopping template is an emulation of a shopping app with placeholders for product category, catalogue and details data. Shopping cart and eventual payment features are left out of the template intentionally as they are better dealt during actual implementation.

 Windows 8 App Design Reference Template: Travel Dark Theme Travel Dark Background template is an emulation of a travel app with placeholders for Vacation destination, group destination and destination detail data. Add to favourite features are left out of the template intentionally as they are better dealt during actual implementation.
 Windows 8 App Design Reference Template: Restaurant Restaurant template is an emulation of a Restaurant app with placeholders for Restaurant category, Restaurant Details. Booking Table and eventual payment features are left out of the template intentionally as they are better dealt during actual implementation.
 Windows 8 App Design Reference Template: Tutor Advanced Tutor Advanced Template is an emulation of a tutor app with placeholders for Category, Gallery, and Detail data.
 Windows 8 App Design Reference Template: Tutor Tutor template is an emulation of a tutor app with placeholders for category, catalogue and details data.
 Windows 8 App Design Reference Template: Baby Journal Baby Journal Template is an emulation of a Baby Journal app with placeholders for Category, Gallery, and Detail data. Making use of this template you can create a Baby Journal app.
 Windows 8 App Design Reference Template: Basic Game Basic Game template will help if you want to build an app which has the following ingredients

  1. Game Category Display
  2. Game Catalogue Display
  3. Game Page
 Windows 8 App Design Reference Template: Blocks Blocks template provides navigation placeholders in the hub page followed by content blocks in the details page.
 Windows 8 App Design Reference Template: Forum Forum template will help you build an app which has elements of connecting to various discussion groups.
 Windows 8 App Design Reference Template: Drawing Drawing template is an emulation of a Painting app with placeholders for Colour selection and Tool Box.
 Windows 8 App Design Reference Template: ECommerce Jewellery E-Commerce Jewellery template is an emulation of a Shopping app with placeholders for Category, Group Category, and Detail Data. Making use of this template we can create any Ecommerce app. Shopping Cart functionality is left out of the template intentionally as they are better dealt during actual implementation.
 Windows 8 App Design Reference Template: Fitness Fitness template is an emulation of a health and fitness app with placeholders for Category, Group Category, and Detail data.
 Windows 8 App Design Reference Template: Food Variable Food Variable template is an emulation of a Recipe app with placeholders for various category of recipe, Ingredients and Instruction.
 Windows 8 App Design Reference Template: Health Management Health Management template is an emulation of a personal health manager with placeholders for Profile, Reports and Patient details.
 Windows 8 App Design Reference Template: Language Convertor Language Converter template is an emulation of a Language Translator app with placeholders for Category Selection, Choose Scenario and Translate.
 Windows 8 App Design Reference Template: Lifestyle Lifestyle Template will help if you want to build an app which has the following ingredients

  1. Restaurant Search
  2. Food, Nightlife and Events Search
  3. Today’s Happening
 Windows 8 App Design Reference Template: Matching Matching Template will help if you want to build an app which has the following ingredients

  1. Choose the Best
  2. Matching Pattern
 Windows 8 App Design Reference Template: News and Weather News and Weather template is an emulation of a News app with placeholders for Grouped Items, Weather, and Detail data.
 Windows 8 App Design Reference Template: News Big Image News Big Image Template is an emulation of a News app with placeholders for News category, Group Category and Detail data.
 Windows 8 App Design Reference Template: News News template is an emulation of a News app with placeholders for News category, article and video data.
 Windows 8 App Design Reference Template: Notes Notes Template will help if you want to build an app which has the following ingredients

  1. Calendar Display
  2. Overdue Display
  3. Task Display
 Windows 8 App Design Reference Template: Pillar Block Pillar Block template is an emulation of a Pillar Block app with placeholders for category Display (Local News, Local Events etc.), and details.
 Windows 8 App Design Reference Template: Planning Diary Planning Dairy Template will help if you want to build an app which has the following ingredients

  1. Schedule Tracking
  2. Schedule Planning
 Windows 8 App Design Reference Template: Product Product Template is an emulation of a shopping app with placeholders for Category, Group Category, and Detail data.
 Windows 8 App Design Reference Template: Recipe Recipe template is an emulation of a Recipe app with placeholders for Recipe List, Recipe details data.
 Windows 8 App Design Reference Template: Shoe Store Shoe store template is an emulation of a Shopping app with placeholders for Category, Group Category, and Detail data.
 Windows 8 App Design Reference Template: Solution Solution template will help if you want to build an app which has the following ingredients

  1. Topics Display
  2. Query Solution Display
  3. Query logging
 Windows 8 App Design Reference Template: Standard Square Standard Square template will have a Square tile with placeholders for product category and details data.
 Windows 8 App Design Reference Template: Text Keyboard Text Keyboard template is an emulation of a Keyboard with placeholders for the text keys.
 Windows 8 App Design Reference Template: Tracking Tracking template is an emulation of tracking apps with placeholders for category and details data. Add, Delete and Refresh are left out of the template intentionally as they are better dealt during actual implementation.
 Windows 8 App Design Reference Template: Translator Translator template is an emulation of a translating app with placeholders for translating one language to other. Select language features are left out of the template intentionally as they are better dealt during actual implementation.
 Windows 8 App Design Reference Template: Travel and Tourism Travel & Tourism template is an emulation of a travel app with placeholders for Summary, Category, and Detail data.
 Windows 8 App Design Reference Template: Travel Light Theme Travel light theme is an emulation of a travel app with placeholders for Summary, Group summary, and Detail data.
 Windows 8 App Design Reference Template: Travel Picture Travel picture template is an emulation of a travel app with placeholders for Vacation destination, group destination and tour detail data. Enquire and Bookmark features are left out of the template intentionally as they are better dealt during actual implementation.
Windows 8 App Design Reference Template: Financial Adviser Financial Adviser template will help if you want to build an app to manage personal finances.
Windows 8 App Design Reference Template: Unit Convertor Unit Convertor will help if you want to build an app that brings in various conversion logic/units under one roof.
Windows 8 App Design Reference Template: News Light Theme News Light Theme will help if you want to build an app which has the following ingredients

  1. News Category Display
  2. Article Display
  3. Video Page
Windows 8 App Design Reference Template: Food The Food Template is an emulation of a Recipe app with placeholders for different Categories.
Windows 8 App Design Reference Template: Simple Grid The Simple Grid will help if you want to build an app which has a uniform display of tiles which are proportionate.
Windows 8 App Design Reference Template: Variable Grid Style A The Variable Grid Style A Template will help if you want to build an app which has an option for an image followed by uniform display of tiles which are proportionate
Windows 8 App Design Reference Template: Variable Grid Style B The Variable Grid Style B Template will help if you want to build an app which has an option for an image followed by uniform display of tiles which are proportionate
Windows 8 App Design Reference Template: Variable Grid Style C The Variable Grid Style C Template will help if you want to build an app which has an option for an image followed by uniform display of tiles which are proportionate
Windows 8 App Design Reference Template: Variable Grid Style D The Variable Grid Style D Template will help if you want to build an app which has an option for an image followed by uniform display of tiles which are proportionate
Windows 8 App Design Reference Template: Education Dark Banner Education Dark Banner Template will help if you want to build an app which has the following ingredients

  1. Group Category Display
  2. Education Detail Display

The Education template will help you build an Education related app like a campus or a university app.

Windows 8 App Design Reference Template: Photo Viewer Photo Viewer template will help if you want a photo gallery app to showcase images from various folders.
Windows 8 App Design Reference Template: Education Big Picture Education Big Picture template will help if you want to build an app which has the following sections

  1. Courses Section
  2. What’s Happening section
  3. Courses detail section

The Education template is an emulation of an Education app with placeholders for Courses, Latest updates in the University.

Windows 8 App Design Reference Template: Social Feed

Social Feed template will help if you want to build an app which has the following sections

  1. Messaging Section
  2. Facebook, twitter feeds sections
Windows 8 App Design Reference Template: Measurement Measurement template will help if you want to build an app which has the following sections

  1. Mass and Weight
  2. Distance and Length
  3. Capacity and Volume
  4. Area
  5. Temperature

The Measurement template is an emulation of a Measurement calculator app with placeholders for showing Images.

Windows 8 App Design Reference Template: Music Zone Music Zone Template will help if you want to build an app which has the following ingredients

  1. Top Songs
  2. Top Albums
  3. Genre
  4. Playlists
  5. Latest Added
Windows 8 App Design Reference Template: Weather Clock Weather Clock Template will help if you want to build an app which has the following ingredients

  1. Current Temperature
  2. Previous day Temperature
  3. Add Favourite cities
Windows 8 App Design Reference Template: Trekking Planner Trekking Planner template will help if you want to build an app which has the following sections

  1. Booking Options
  2. Packages
  3. Area Details
Windows 8 App Design Reference Template: Education Guide Education Guide template will help if you want to build an app which has the following sections

  1. Tutorials
  2. Subjects
  3. Section in each subject
Windows 8 App Design Reference Template: Magazine Magazine Template will help if you want to build an app which has the following ingredients

  1. Current Section
  2. Articles
  3. Articles details
Windows 8 App Design Reference Template: Music and video Music and Video Template will help if you want to build an app which has the following ingredients

  1. Featured Songs
  2. Top Music
  3. Top Movies
  4. Lyrics section
Windows 8 App Design Reference Template: Bank Bank template will help if you want to build an app which has the following ingredients

  1. Bank account details
  2. Transaction details
  3. Customer Services

4 comments

  1. I’m not that much of a internet reader to
    be honest but your sites really nice, keep it up! I’ll go ahead and bookmark your website to come back down the road. Many thanks

Leave a Reply

Seo wordpress plugin by www.seowizard.org.
%d bloggers like this: