Featured

Material Dashboard

A free bootstrap admin built on top of Material Kit

Featured comment

Alexandru Paduraru@axelut · Co-founder @ Creative-Tim.com
Hi! Here is Alex, one of the creators of Material Dashboard. Material Dashboard is a Free Bootstrap Admin built on top of Material Kit (http://demos.creative-tim.com/ma...) and Bootstrap Material Design (https://github.com/FezVrasta/boo...). It is including some redesigned libraries like Bootstrap Notify (https://github.com/mouse0270/boo...) and Chartist (https://gionkunz.github.io/chart...). Here are some useful links if you want to contribute: 1. Live Preview: http://demos.creative-tim.com/ma... 2. Github Repo: https://github.com/creativetimof... 3. Report Issues: https://github.com/creativetimof... We are working now to make some adjustments and then release it under MIT License, so feel free to work with it on your personal/commercial projects. For the Angular lovers, we are working on an Angular 2 Version too. It's WIP can be found here: https://github.com/creativetimof... For those who want more pages, plugins (like Full Calendar, DateTimePicker, DataTables, etc.) example pages (like Login, Register, Lock, Pricing etc. ) please check the PRO version here: http://demos.creative-tim.com/ma..., you can also use the coupon: "ProductHuntExclusive" for a 30% Discount :-) If you have any feedback or suggestions we would be glad to talk more in comments :D Best, Alex
Cosmin Băluţă@cosminbaluta · Marketing, Interbrands
@axelut I love the design, looks really good and it's so easy to use. Great work, Alex!
Alexandru Paduraru@axelut · Co-founder @ Creative-Tim.com
@cosminbaluta thank you! Glad that you like it 🙏🏼
Flavius Mihaies@followflavius · Founder, tund.in
@axelut apologies for this question that will reveal my technical ignorance, but how do you set it up and plug in the sources you want to include? We are a media startup and I have been looking for a dashboard that would consolidate our various analytics (from fb.com/tundin etc). Thank you! Great design! Flavius
Paul Dillinger@kallussed · Full stack developer since 94, SEO & CRO
@axelut The MIT release is awesome news!
Jónas Bergmann Björnsson@jonasbjornsson · Gudrun Corp.
@followflavius @axelut I would love to know the answer to this too
Ankit@ankythshukla · Doer, in7h.com
@followflavius Hey Flavius, if you have sources defined (like from mysql, json, mongo) you can pull data from your sources and plug into this dashboard via javascript. If you have to take data from third party you'll need to work with APIs of that third party to pull data into this dashboard.
Alexandru Paduraru@axelut · Co-founder @ Creative-Tim.com
@followflavius @jonasbjornsson thank you for your question. Our product is a plain HTML/SCSS template, that means you need to manually extract your data from your server and inject them in our product via Javascript. We've made it like that because our target group is represented by web developers/freelancers who take our product and use them with PHP, Rails, ASP .net etc. So there is no easy "plug and play" for other analytics. Hope this makes sense for you, please let us know if you have any further questions :D
Alexandru Paduraru@axelut · Co-founder @ Creative-Tim.com
@ankythshukla @followflavius you're right!
Flavius Mihaies@followflavius · Founder, tund.in
@ankythshukla @axelut thank you! I guess I will brush up on my javascript first. Do you have any example of code where such defined source was plug in this or another dashboard so I can try understand the workflow and mimic, hopefully? The same with third party data, you mentioned (API). Would love to give it a try with @axlut really cool dashboard! Thank you :)
Flavius Mihaies@followflavius · Founder, tund.in
@axelut @jonasbjornsson Thank you! Would be grateful for any example of code where defined source or API was plugged in your dashboard. Thanks again!
Alexandru Paduraru@axelut · Co-founder @ Creative-Tim.com
@followflavius please download the product and open dashboard.html, at the end of the file you will find this javascript "demo.initDashboardPageCharts();", that means the initialization of the charts are inside the file demo.js (assets/js/demo.js). Then open that file and around line 59 you will find all the initializations and how we send data to the charts. There are the "series" of numbers. Inside those series, you need to put your own data from your server or from an API. Hope that information helps you :D
Flavius Mihaies@followflavius · Founder, tund.in
@axelut thanks very much :) will give it a try!
Would you recommend Material Dashboard to a friend?
DiscussionYou need to become a Contributor to join the discussion - Find out how.
Alexandru Paduraru
Maker
@axelut · Co-founder @ Creative-Tim.com
Hi! Here is Alex, one of the creators of Material Dashboard. Material Dashboard is a Free Bootstrap Admin built on top of Material Kit (http://demos.creative-tim.com/ma...) and Bootstrap Material Design (https://github.com/FezVrasta/boo...). It is including some redesigned libraries like Bootstrap Notify (https://github.com/mouse0270/boo...) and Chartist (https://gionkunz.github.io/chart...). Here are some useful links if you want to contribute: 1. Live Preview: http://demos.creative-tim.com/ma... 2. Github Repo: https://github.com/creativetimof... 3. Report Issues: https://github.com/creativetimof... We are working now to make some adjustments and then release it under MIT License, so feel free to work with it on your personal/commercial projects. For the Angular lovers, we are working on an Angular 2 Version too. It's WIP can be found here: https://github.com/creativetimof... For those who want more pages, plugins (like Full Calendar, DateTimePicker, DataTables, etc.) example pages (like Login, Register, Lock, Pricing etc. ) please check the PRO version here: http://demos.creative-tim.com/ma..., you can also use the coupon: "ProductHuntExclusive" for a 30% Discount :-) If you have any feedback or suggestions we would be glad to talk more in comments :D Best, Alex
Cosmin Băluţă@cosminbaluta · Marketing, Interbrands
@axelut I love the design, looks really good and it's so easy to use. Great work, Alex!
Alexandru Paduraru
Maker
@axelut · Co-founder @ Creative-Tim.com
@cosminbaluta thank you! Glad that you like it 🙏🏼
Flavius Mihaies@followflavius · Founder, tund.in
@axelut apologies for this question that will reveal my technical ignorance, but how do you set it up and plug in the sources you want to include? We are a media startup and I have been looking for a dashboard that would consolidate our various analytics (from fb.com/tundin etc). Thank you! Great design! Flavius
Paul Dillinger@kallussed · Full stack developer since 94, SEO & CRO
@axelut The MIT release is awesome news!
Jónas Bergmann Björnsson@jonasbjornsson · Gudrun Corp.
@followflavius @axelut I would love to know the answer to this too
Ankit@ankythshukla · Doer, in7h.com
@followflavius Hey Flavius, if you have sources defined (like from mysql, json, mongo) you can pull data from your sources and plug into this dashboard via javascript. If you have to take data from third party you'll need to work with APIs of that third party to pull data into this dashboard.
Alexandru Paduraru
Maker
@axelut · Co-founder @ Creative-Tim.com
@followflavius @jonasbjornsson thank you for your question. Our product is a plain HTML/SCSS template, that means you need to manually extract your data from your server and inject them in our product via Javascript. We've made it like that because our target group is represented by web developers/freelancers who take our product and use them with PHP, Rails, ASP .net etc. So there is no easy "plug and play" for other analytics. Hope this makes sense for you, please let us know if you have any further questions :D
Alexandru Paduraru
Maker
@axelut · Co-founder @ Creative-Tim.com
@ankythshukla @followflavius you're right!
Flavius Mihaies@followflavius · Founder, tund.in
@ankythshukla @axelut thank you! I guess I will brush up on my javascript first. Do you have any example of code where such defined source was plug in this or another dashboard so I can try understand the workflow and mimic, hopefully? The same with third party data, you mentioned (API). Would love to give it a try with @axlut really cool dashboard! Thank you :)
Flavius Mihaies@followflavius · Founder, tund.in
@axelut @jonasbjornsson Thank you! Would be grateful for any example of code where defined source or API was plugged in your dashboard. Thanks again!
Alexandru Paduraru
Maker
@axelut · Co-founder @ Creative-Tim.com
@followflavius please download the product and open dashboard.html, at the end of the file you will find this javascript "demo.initDashboardPageCharts();", that means the initialization of the charts are inside the file demo.js (assets/js/demo.js). Then open that file and around line 59 you will find all the initializations and how we send data to the charts. There are the "series" of numbers. Inside those series, you need to put your own data from your server or from an API. Hope that information helps you :D
Flavius Mihaies@followflavius · Founder, tund.in
@axelut thanks very much :) will give it a try!
Milan Chheda@milanchheda · Software Developer
Excellent design.
Alexandru Paduraru
Maker
@axelut · Co-founder @ Creative-Tim.com
@milanchheda thank you for the kind words!
James O'Sullivan@james_osullivan · CEO, Sullstice
Yaass
Max Ninthara@mninthara · Product Executive and Advisor
I love products that can help enable a team to focus on their actual product
Alexandru Paduraru
Maker
@axelut · Co-founder @ Creative-Tim.com
@mninthara hope our products will help you too 🙏🏼
Paul P@pavlos1944
very nice job !
Alexandru Paduraru
Maker
@axelut · Co-founder @ Creative-Tim.com
@pavlos1944 glad that you like it!