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 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.