Home / Multi-Purpose / Matrix – Responsive Tile-Based Template

Matrix – Responsive Tile-Based Template

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)


Matrix is a , intuitive tile-based template which is impressed by Metro design. The tiles may be made ‘stay’ to show extra data on the display screen with out occupying more room.

This template comes with 15 HTML information and 10 pre-defined colors. It’s extremely customizable to go well with the wants of each person. In contrast to standard designs, every tile may be custom-made to create any design you’ll be able to think about!

All of the information are coded with legitimate HTML5 tags and CSS3, and are Search Engine Optimized (search engine optimisation) utilizing legitimate HTML5 semantic tags for every part and are written in lowering order of significance down the web page. For example, the title and content material of an article comes earlier than the feedback and sidebar inside a HTML file, and titles are enclosed in h1 tags to indicate their significance.

Presently, I’m accepting any requests for options and new icons for tiles, so don’t hesitate to contact me when you require any assist.


WOW . I’m not simply impressed on Themeforest however that is very effectively completed. Very good job! And it’s responsive! soichi, Matrix HTML Template

That is very lovely work, so effectively designed and funky and classy. Robbie2010, Matrix HTML Template

This appears to be like so magnificent. :) nexorrr, Matrix HTML Template

You’re wonderful. That labored completely. I really like having each choices. Thanks! Your template goes to place me manner forward of my writing friends. Harrietinthecity, Matrix HTML Template

Hello! Your theme is superior! Better of the Metro like desing WP themes! When the WordPress model can be avalible? I’m the primary purchaser of this theme!!! :) xorpi, Matrix HTML Template

Optimized Web page Loading Pace

Most important Options

  • Responsive
  • Dwell’ tiles
  • iframe video embedding prepared
  • Vimeo simple embedding – auto styling for description
  • In-post slider
  • Limitless format choices
  • Excessive customizability
  • Detailed documentation
  • 15 HTML information
  • 12 default color tags
  • Limitless color settings
  • 10 default social icons
  • FlexSlider 2 prepared
  • Twitter widget prepared – solely requires your username
  • Coded utilizing legitimate HTML5 and CSS3
  • search engine optimisation optimized
  • PHP contact kind script included
  • Makes use of Twitter API Model 1.1

Theme Preview

I want to inform you that each one pictures (besides the slider pictures and icons) should not included within the bought template, however are changed with picture placeholders.


Launch of V1.three.1
---- Mounted visible bug at Twitter button in publish
---- Mounted overflow-x downside at homepage with lightbox open

Launch of V1.three
---- Mounted toggle 'leap' challenge
---- Mounted #page-img overflow challenge
---- Modified #web page and #pg-content to repair the bug at features-main.html
---- Eliminated additional 
-All HTML information
---- Relocated javascript information to enhance efficiency
-All pictures file
---- Compressed to optimize efficiency

Launch of V1.2.5
New Characteristic : PHP contact script included

---- Twitter API V1.1 used
-tweets.php, OAuth.php, twitteroauth.php
---- To output Tweets utilizing Twitter API V1.1

Launch of V1.2.three
- type.css
---- Mounted menu cut-off downside
---- Mounted menu shifting strains on hover (daring)
- scripts/javascript.js
---- Modified Fb share rely retrieval mannequin
---- Up to date Twitter API

Launch of V1.2
New Characteristic : Gentle Theme
New Characteristic : Audio participant
New Characteristic : AJAX pagination
File modifications :
-- New pictures and scripts. All information have undergone modifications on the header to incorporate the brand new scripts.
- index.php
----Added AJAX pagination hyperlinks
- type.css
----Added new kinds for AJAX pagination and audio participant
- javascript.js
----Added new codes for AJAX pagination and minor total code modification
-- Up to date the documentation to assist these new options

Launch of V1.zero.four
- javascript.js
----Mounted background sample downside
----Mounted twitter hyperlink

Launch of V1.zero.three
---- Added instruction in documentation on the way to change the twitter person account.
---- Added pictures/extra.png which shall be used on the 'Newest Posts' sidebar merchandise.

Launch of V1.zero.1
- javascript.js
----Mounted a difficulty whereby the likes and tweets rely should not up to date appropriately.

Launch of V1.zero

Identified Limitations

Because of sure browsers’ incompatibility, there are some minor options altered in these browsers :

  1. IE8 / IE9 – Like and Tweet buttons in single merchandise web page are made proven completely with out hovering
  2. IE8 / IE9 – No transition results on hover
  3. IE8 – Tile fading impact on hover has been disabled
  4. IE8 – AJAX pagination is not going to work as a result of browser incompatibility
  5. Safari 5 for Home windows – Flipping tiles may flicker on hover. The repair to the issue is talked about within the documentation


Due to all these nice people :

  • Preview theme darkish model background picture by bulliver
  • Preview theme gentle model background picture by Charles Henry
  • Preview theme tile pictures by Mads Berg
  • Preview theme about web page picture by || UggBoy?UggGirl || PHOTO || WORLD || ||
  • Preview theme about web page pictures by mac_filko
  • Preview theme contact web page picture by Rev Dan Catt
  • Icons by dakirby309
  • Icons at windowswiki.data
  • Tutorials at internet tuts+
  • Tutorials at CSS Methods
  • Neighborhood at Stack Overflow
  • css3-mediaqueries by Wouter van der Graaf
  • hoverintent by Brian Cherne
  • jquery.easing by George Smith
  • jquery.fancybox by Janis Skarnelis
  • FlexSlider by WooThemes
  • jPlayer by Mark J Panaghiston
  • jquery.masonry by David DeSandro
  • MetroJs by Drew Greenwell
  • twitteroauth by Abraham Williams

As soon as once more, thanks for trying out this template. I hope you prefer it and I recognize any suggestions relating to this template, even when it’s a criticism :)


Check Also


Cono – Different Portfolio PSD Template

DOWNLOAD Cono – Completely different Portfolio PSD Template Cono is a special portfolio PSD template ...


Supersonic — Creative Resume/CV PSD Template

DOWNLOAD Supersonic is exclusive Resume PSD template for private web page, design company, photographer and ...