Free HTML5 Admin Template

Free HTML5 Admin Template

This HTML5 + CSS3 admin area template was created specifically for application and theme developers who want more out of their admin dashboard. Forget using a basic admin template, this theme comes with jQuery Table Sorter built in and easy integration with Google Chart API. The ability to hide and show menu sections is also included, along with tons of styles for various sections, inputs, and alerts.

This template uses HTML5 and CSS3 for gracefully degrading styles. Cross-browser tested in IE7/8/9, FF, Chrome, and Opera. All coding is elegant and simple, making design changes and customizations easy to do!

Here’s a live version of this template to get a better feel for the actual design and code: Live Preview →

Premium Members

As always, our premium members will get the extra bonus of Fireworks PNG and Photoshop source files for easy customisation of the design.

License, Usage, and Sharing

You are free to use this resource for personal or commercial projects with attribution to MediaLoot, under the following guidelines:

Please link directly to this page for all sharing of this resource.
Please do not resell this set or any derivatives works from this set.
Please do not upload this resource to another website or offer it for download on another website.

Free License

Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note:

Attribution is required for free items. For a non-attribution license, please become a member or buy the full version.
You may not distribute or offer this set for download on other websites. Promotion is always appreciated, but please send people to this page.

Comments

DesignerCoffee

Apr 6, 2011 at 2:39 pm

WOW ! Amazing Admin Template I Will Used it in My New Blog .
Moo Invoicing

Apr 6, 2011 at 3:12 pm

Awesomesauce! Downloaded for future reference.
redii

Apr 6, 2011 at 4:08 pm

Great Job! This very well done.
Antonio

Apr 6, 2011 at 4:09 pm

Where are the PSD’s?
Designerfoo™

Apr 6, 2011 at 4:14 pm

Awesome!!! Just what I needed for my weekend project!
Maor

Apr 6, 2011 at 4:27 pm

Thank you so much for this one! I’m glad im subscribed…
Tony Thomas

Apr 6, 2011 at 4:27 pm

Thanks for the comments so far, I’m glad it’s being well received

Also, for those wondering about the source files, they are for premium medialoot members only, so you’ll need to be logged in as a subscriber before you click download.
Netmasons

Apr 6, 2011 at 5:46 pm

Does the link work for those of us that were premium members before the switch to the new format? Didn’t see the fireworks in the file I downloaded.

Thanks, Jason
Mario

Apr 6, 2011 at 5:52 pm

WTF… Amazing!

Thanks
Tony Thomas

Apr 6, 2011 at 6:03 pm

@Netmasons:

It definitely should work for our unlimited subscribers, try re-downloading the file and making sure it’s a blue download button rather than the green one. if it still doesn’t appear let us know and we’ll troubleshoot it for you.
Netmasons

Apr 6, 2011 at 6:14 pm

Awesome, I guess it must have been a green button when i downloaded—TY for your swift response!
Nick Beske

Apr 6, 2011 at 7:18 pm

Nice work, very clean. I like it!
Chris Jacob

Apr 6, 2011 at 11:50 pm

Awesome! The visuals look great. Can’t wait to dig into the code to see if it’s just a sexy Stoked to have gotten this tip-off right in my inbox this morning. Happy Subscriber ^_^
Moon Ho

Apr 7, 2011 at 4:38 am

Very Great Job! I Like the color
Thomas

Apr 7, 2011 at 8:39 am

Nice ! Easy to use, great job
Graham

Apr 7, 2011 at 10:02 am

Fantastic template. Well done guys
Darlehen

Apr 7, 2011 at 10:29 am

Awesome. I like it!
Hendra

Apr 7, 2011 at 4:10 pm

Awesome, this is the first look dashboard design for me.. I really like it.

Great job and thanks
Jacob

Apr 7, 2011 at 6:34 pm

So great! Could you update with a nice accordation page? You know - one that dims the entire page and displays a div in the middle.
Marius Milcher

Apr 8, 2011 at 11:46 am

Fantastic template. Well Done and thank you for making it freely available. It isn’t valid HTML5 though… A few tweaks and it would be. Primarily the DIV in the HGROUP. Changing the HGROUP to a DIV maybe? Thank you nonetheless. This has proved invaluable.
James Vincent

Apr 8, 2011 at 11:21 pm

This looks great! I have a project in mind to use this for, thanks for sharing.
Aryandhani

Apr 10, 2011 at 5:10 am

nice template my friend, good job ..?
Naseer Ahmad

Apr 10, 2011 at 11:17 am

superb layout….
Jeffrey Bennett

Apr 10, 2011 at 12:41 pm

Wow! Fantastic template! Thank you for sharing this. I will definitely use it in my projects.
Integraphix

Apr 10, 2011 at 3:28 pm

Wow - this is pretty huge and very helpful. Thanks for sharing it for free!
Red Bridge

Apr 10, 2011 at 8:43 pm

Nice stuff. The styling on the breadcrumb is clean. I don’t know about the guy that says hell use it on his blog, but there’s definitely some nice stuff here.
Tony Thomas

Apr 11, 2011 at 9:20 pm

@everyone:

Just wanted to say thanks again for all the positive comments! I’d love to see this template being used in the wild so please feel free to post links if you use it in your projects.

Thanks!
Tony
brmgoo

Apr 13, 2011 at 8:58 pm

Nice! thank you a lot!
Doug

Apr 14, 2011 at 1:20 am

What would qualify as “attribution to MediaLoot” ?

Thanks much!
chliu

Apr 14, 2011 at 2:44 am

excellent! thank you a lot.
Felds

Apr 14, 2011 at 5:24 am

It has some minor defects on some browsers, specially under Linux. Try running it on browsershots.
It would be nice if you put it on github, so the community can improve it.
spartacus

Apr 14, 2011 at 5:26 am

great jog guys! thanks
Zain Shaikh

Apr 14, 2011 at 6:34 am

wow, very very good.
Reza Qorbani

Apr 22, 2011 at 4:45 pm

I just considering become premium member because of this THANKX for your great graphic resources…
chris

May 3, 2011 at 7:34 pm

Are there any good tutorials on how to get this working? Separating into files, etc? I’m newer to php, but I’d love to use this as a project.
Ricette Cucina

May 6, 2011 at 12:11 pm

Beautifull works! Thanks a lot
canting

May 19, 2011 at 3:48 pm

Thank you for sharing this excellent template
Tony Brown

Jun 6, 2011 at 8:18 am

This is great, I will be coming here more often and telling my friends as well
-Cheers
David

Jun 14, 2011 at 5:32 pm

GREAT TEMPLATE!!!! THANK YOU VERY MUCH!!!!
creazioni siti palermo

Jun 17, 2011 at 10:23 am

beautifulllllllllll LOVE this <3
Zach

Jun 25, 2011 at 4:24 pm

Any reason why the edit button in the list view doesn’t show up at all on my iMac but looks fine on my macbook?

Thanks for the template.
Richard

Aug 1, 2011 at 6:49 am

Thanks for this (I stumbled across this from http://www.crenk.com)
I would liike to use/integrate it with an existing site but would appreciate some advice on how to do this?
Perhaps you could add a ReadMe with some tips on how to use?
Most grateful for a little help here-thanks
Erik Larsson

Aug 24, 2011 at 10:43 am

Love it! Thank you very much.
Jon Kragh

Sep 9, 2011 at 6:54 am

This should be in the main downloads of the medialoot site. It’s a fantastic resource, but easy to miss.
lee ji hyun

Sep 17, 2011 at 5:19 am

good!!!!
TutsPress

Oct 1, 2011 at 4:14 am

Sweety. thanks for the template.
alex

Oct 8, 2011 at 2:30 pm

really nice template…
Screenshots are not so cool as the template
Sri

Oct 15, 2011 at 8:33 am

How do I install this?
Alex

Oct 26, 2011 at 9:10 am

amazing stuff guys, having just found your site its like an early xmas! keep up the good work :D
DJ

Oct 27, 2011 at 10:42 pm

Excellent resource.

One thing I could use help on - any way to set which tab is shown instead of always the first?

Other than that I’ve yet to find any problems !

Thanks
Anton Babushkin

Nov 13, 2011 at 7:38 am

I think the design looks wonderful from an aesthetics point of view, but I feel the contrast still needs a bit of work. It’s really hard to read when you sit a bit further away from the screen or if you have poor eye sight (like me). Any chance this could be improved? Version 2 perhaps?
Jimmy

Dec 5, 2011 at 4:17 am

i’m wondering if there’s alsa the other templates like user (ad user, view users), media, ... will we get this as premium member ?
Devendra Verma

Dec 7, 2011 at 2:20 am

nice and clean. thanks
ali

Dec 8, 2011 at 6:59 am

hay tony, thanks for sharing this template.
may i give a suggestion for this template ?
if yes, when i re-size my browser the component of this template are fall apart from my view.

thanks,
DJ

Dec 8, 2011 at 7:09 am

Ali,

What I did was edit the css and implement min-widths so the browser resize would not break the css.
ali

Dec 8, 2011 at 7:21 am

DJ,

thanks DJ for your response.
min-width fix my view problem
anthony

Jan 15, 2012 at 10:27 pm

Very impressive admin template.
Joey

Jan 25, 2012 at 1:27 am

Nice work! Clean design!
I’ve faced a problem with the components falling apart too. My screen resolution is 1366*768. I’ve made the width of the main section 76% and this did the trick. IE8 doesn’t support this template one bit
batsirai

Jan 28, 2012 at 10:27 am

Seems like someone is making money off this…

http://www.mojo-themes.com/item/html5-css3-admin-template/
anonymous

Jan 29, 2012 at 6:39 pm

@batsirai…that guys is a greedy bastard…he actually placed it for sale…

@Tony you r amazing…its awesome…thank…you r d best!!!
musyo

Jan 30, 2012 at 12:52 pm

It’s awsome.
Peter

Jan 30, 2012 at 9:45 pm

Not bad, question is ...is it original, free ?
webartising

Feb 4, 2012 at 3:03 pm

Very nice work, keep doing it.
kipot

Mar 17, 2012 at 8:05 am

thanks.. from indonesia…
samir

Mar 22, 2012 at 3:11 pm

very cool theme, not complicated
muklis tri haryanto

Mar 25, 2012 at 10:09 am

wow, its great..
Umar

Mar 29, 2012 at 6:40 am

God Bless you
Triyas Agus

Mar 31, 2012 at 1:50 pm

It’s awsome. thanks for sharing.
oriza

Apr 4, 2012 at 8:11 am

mantap coy thanks
Alun

Apr 9, 2012 at 3:58 pm

This is what i’m looking for. Thank you.
Ramandeep Singh

Apr 10, 2012 at 12:56 pm

Great ! superrb !! Awesome!! tnx
Vaibhav Lanjewar

Apr 12, 2012 at 2:38 am

Real !!! It gives feeling to users…..

-Thanks..
Bobby

Apr 19, 2012 at 4:55 pm

Thank you very much author.
I use it for my personal application.
murtaza kanpurwala

Apr 29, 2012 at 1:10 pm

great work and cool designs ........ thanx buddy for sharing it
Luke

Apr 29, 2012 at 7:51 pm

How does one use this? is it a theme for cpanel or something?
Falgun Bhatt

May 10, 2012 at 8:30 am

It is not working in IE8
jaya

May 24, 2012 at 4:54 am

Thank you very much…...........
kursad

Jun 12, 2012 at 6:32 pm

Nice.
Ravi

Jul 17, 2012 at 8:59 am

How to use this in blooger or wordpress??
Yogesh Saroya

Jul 19, 2012 at 2:24 am

Superb ..

$(”.tab_content”).hide(); //Hide all content

not working .. all menus show
l

Jul 24, 2012 at 12:39 pm

Does it use Tweet Bootstrap?
Claude

Jul 28, 2012 at 7:10 pm

can someone tell me how use it? for example, that when I write an article,it go on my website etc…. if it’s longer you can send me a guide link
THANKS
DJ

Jul 28, 2012 at 7:13 pm

Caude,

First of all it’s an admin template, not really designed otherwise.

Second, it’s an html template, not a plug ‘n play template, you need to code out to utilize it.

I personally use php and smarty templates.
Claude

Jul 29, 2012 at 8:46 am

Thanks DJ,do you have any tutorial? (link)
Thanks
PerfectDay

Aug 5, 2012 at 5:38 am

Thank for sharing ^_^
PHP Nerd

Aug 9, 2012 at 7:14 pm

Very Nice template !

But the height of the sidebar is not auto when you load a tab or content with ajax / jquery / enze..
So when the content or tab area is bigger then the document height the sidebar will go white at the bottem….

So i have a suggestion:

Add a div with a ID like { page_content } to every page en let jquery resize it for you..

And then Add this:

[removed]
$(document).ready(function() {
$(document).click(function() {
// if the content section is bigger then the document size…
if( $(”#page_content”).height() > $(window).height() ) {

$(”#sidebar, #main”).css(‘height’,($(document).height() > $(”#page_content”).height()) ? $(”#page_content”).height() + 20 : false);
$(”#sidebar”).css(‘overflow’, “hidden”);
}
});
// if the document size is bigger then the content size….
if( $(window).height() > $(”#page_content”).height() || $(window).height() == $(document).height() ) {
$(”#sidebar, #main”).css(‘height’, $(window).height() - 100);
}
});
[removed]

Greets,
And again a very nice template!!
Victoria

Aug 15, 2012 at 11:12 am

Was anyone able to download the PSD File?
PhienDich

Aug 29, 2012 at 8:49 pm

Why have index admin only?

Do you have share page?
Prakash Selladurai

Sep 1, 2012 at 10:08 am

Hi,
This admin panel is very nice and super style, i have download it, and one more is there and its very usefull to me. thank to give this free.

BY
Prakash,
Senior Software Developer,
Niral Solutions Inc,
http://www.niralsolutions.com
Jarnail Singh

Sep 8, 2012 at 9:16 pm

Amazing design n coding

Cheers
devis

Oct 3, 2012 at 5:25 am

thank you for this template
compare landlords building insurance

Oct 4, 2012 at 5:10 am

you are in point of fact a just right webmaster. The site loading pace is
amazing. It sort of feels that you are doing any distinctive
trick. Also, The contents are masterwork. you have done
a great job in this matter!
lenin

Oct 10, 2012 at 7:40 am

Exellent template My frnd where can i get sample application
patil makarand

Oct 11, 2012 at 10:09 am

Excellent Theme, Thanks a lot !
Masetty

Oct 13, 2012 at 2:51 am

This is an awesome template. In fact am searching the admin panel template on google, but i find very few people are doing these templates and i give you million thanks for the nice one. Hope to see more kind of free admin templates.
ID Agency

Oct 24, 2012 at 5:12 am

Really nice resource and great admin template. Downloaded ! We might use it for one of our next projects, so thanks a lot !
Justin Greer

Oct 25, 2012 at 6:28 pm

This is a amazing and simple template!!!!!

With that said we have taken this and used it in a Complete Central Backup plugin for WordPress.

Credit to you!!!

Look for the plugin in the WordPress repo within the next week or two
“Complete Central Backup”
maverickpuss

Oct 26, 2012 at 2:08 am

it’s really a awesome work,thanks a lot!
Simon Jennings

Oct 29, 2012 at 9:59 am

Thanks Rishi. Not many admin style templates around - useful stuff.