Elephant - Dashboard & Admin Site Responsive Template Download



Elephant Overview Flaming Red Theme Flatistic Green Theme Midnight Blue Theme Materialistic Blue Theme Eerie Black Theme Icon Variants Sign Up Dashboard Mailbox Contacts Messenger E-commerce Landing Page General Behavior

Overview

Elephant is a front-end template created to help you develop modern web applications, fast and in a professional manner. Built on top of Bootstrap, it includes a large collection of HTML, CSS, and JS components that is simple to use and easy to customise.

The file structure in the Elephant is similar to the HTML5 Boilerplate file structure, where the intention is for developers not to have problems and not waste time by trying to decrypt the fantasy, which is brought to you when buying a new product.

Build Tools

elephant.js and elephant.css files contain the latest version of Bootstrap and all extensions made specifically for the Elephant. Whereas vendor.js and vendor.css files contain all the packages that were installed by Bower such as jquery, chart.js, animation.css, etc. In addition, any additional package that you will install during application development through Bower will automatically merge with other packages and will be contained in these two files. In order for you to have the latest version of the packages, run the bower update and grunt build command and in folder dist/ you will have updated version of these files.

Over the years many developers have come up with their way of developing applications, and they expect from Elephant to be able to customise it to their needs, by changing the variables, excluding components, etc. After customization run the grunt build command and the new version with modifications will automatically be compiled under the folder /dist.

However, there is also a multitude of other developers who prefer tools such as Yeoman, and expect from such a product far more than the basics. To all these developers the Elephant offers functionality similar to the webapp generator made by Yeoman but with some additional actions.

If such a developer is developing a web application with the Elephant, he may then create html files in the root directory or structure them into folders depending on preference.

To be more productive while working it is enough to execute the command grunt server which results in activating the Static File Server where every change made in the files is reflected automatically in real time to the browser, after having configured the option for livereload as well as browser synchronisation.

After development is completed, execute the command grunt build and all the necessary distribution files will automatically be created under the folder /dist.

But this is not all.

  1. Any SCSS file created by the developer during application development is compiled and a compressed version is automatically made.
  2. Any JS file created by the developer during application development is compiled with Babel and a compressed version is automatically made.
  3. The expanded version of CSS and JS files will be replaced with the compressed version, from all the HTML files.
  4. The whole code will be cleaned by removing unnecessary white spaces, empty attributes, etc., and every HTML file will be formatted with 2 spaces for each indent level. (Please see our HTML code)
  5. Every HTML file will be validated.
  6. Every image found in the img/ folder will be compressed.
  7. Every SVG file found in the img/ folder will be compressed.
  8. In the root the file app-name-vx.xx.zip will be created containing all the files in the dist/ folder.
  1. blueatom: I downloaded it, how can i run the app now, i installed Grunt, Npm and Bower. Thank you
  2. jeffmace: I too am interested in horizontal and boxed versions of the theme. Really nice job. I will be watching it
  3. SoapTheme: Congratulations ! Amazing work, GLWS
  4. naksoid: Please let us know if the video was helpful.
  5. d_ita: Is it possible? Where can I learn to do it? Tried tutorials on Envato Tuts , but found nothing on this topic. Thanks in advance, Dita
  6. droidview: One of the best themes in terms of properly breaking reformatting content for smartphones. Really like it. I hope you add a nice and modern calendar/appointments page soon.
  7. alonso_moreno: I’m thinking buyer this theme but there a few things that I need for my project, Tabs, Calendar, Modals and notifications any date to add this elements? excelent job!!
  8. chauvinarnoux: Hello I didn’t see wysiwyg editor in your template. May be i have missed it ? Regards PP
  9. BerkanGL: Hey, i saw “PHP Files” included in the theme. Is the theme already “done”, and ready to use, like a CMS ?
  10. brieygu: Nice theme ! Any plan to have an Angular version ? Kind regards,
  11. flick36: Hi, i’ll buy this, to start a project but, is there any aproximate date when the upcoming realease with bootstrap 4 will be release? because if i buy this and start the project would it’ll be hard to upgrade to the upcoming version? since im gonna used it with laravel and I really don’t want to adapt everything again should i’ll wait?
  12. fabianogoes: Great post sales support, congratulations for Job!
  13. helmi_susanto: if i using ajax for load page, select2 is not conflic, and wont running please, what should i do?
  14. tracedog: Really nice job! I’ve already begun my intended use and it is working very well. Keep up the great work and looking forward to a RTL implementation if at all possible.
  15. tracedog: Do you have more information on how to process the server side for PHP using the drive.html template? I substituted dropzone.js and some custom css to get a drag and drop working with my file upload using server side PHP to process and place the file. I see a json formatted object with your implementation wondering how to process it on the server side if you have any insight, otherwise I will revert back to the dropzone default I put in ( I like yours better if I can get it working).
  16. illicam: Probably the most elegant UX for admin theme out today!! I am also interested in the ability to organize cards via drag-drop, group cards in stacks and optionally have cards snap together when close. Please let me know how many weeks you estimate this feature is out so we could decide if to program ourselves or wait for you. Thank you!
  17. digitalcenturysf: Good luck with sales – DCSF
  18. creativeGagency: Amazing work, it rocks
  19. ogiordano: Looks good, thank you
  20. joomlastars: Congratulations! Excellent Work, GLWS
  21. szthemes: Congratulations!
  22. ThemeCuriosity: Congratulations! Nice Work, Good Luck With Sale
  23. EricProchnow: cool work, very nice
  24. jbrody: Some really great stuff here. Loving all the ready-made UI.
  25. fabeme: I’m really considering buyer your theme, the demo is really nice and very inspiring. Certainly one of the best admin theme here. I’m looking forward the Calendar and ticket layout, do you plan to add them in the second version you mention (linked to bootstrap 4) or before that ?
  26. chemsabd: lovely dashboard, any plans to release an rtl version ?
  27. UPEngineer: Are any of the sample page files not included in the download? I am just finding a generic index.html file. I know you have to build a page to fit your needs from scratch, but it is nice to see how you did a certain thing.
  28. boyuan2000cn: Congratulations! This is a masterpiece. Wish to see more works from you. GLWS.
  29. inkfrog-tomas: Great template, but surprised that there are no modals. Am I missing something?
  30. FedericoV: The template looks brilliant…very well done. Did you plan to build an horizontal menu/boxed version? Are more table features (ajax/button) incoming in next updates? Thanks for any feedback
  31. kobo: Hi, first off – great work. I’ve purchased this and love it so far, although I am struggling a bit. I feel the documentation could be better explaining how to customize and add components like the demo shows. Can you explain to me how to get the Dynamic Tables to function properly? Thanks!
  32. naksoid: Form validation ready. No javascript.
  33. PointMedia_biz: This theme is very flexible and lightweight. Comes with all the components you’ll ever need for your new web application. Easy to use with great documentation. Worth every penny. Good work guys
  34. mat_tor: Great team, Great support, great template, great professionalism, amazing work
  35. blueatom: Great Template, i love it, but my problem is were i can found developers who can work on it…
  36. SharpNoiZy: This Is without a doubt a great template! But two things are missing for me compared to other templates, that’s currently stopping me from buying. I can not see a tab control in your demos and the Panels (Or Cards how you call it) have no possibility to minimize or close and also no Drag and drop. Hope you can add this in the near future! Kind regards
  37. blueatom: I downloaded it, how can i run the app now, i installed Grunt, Npm and Bower. Thank you
  38. jeffmace: I too am interested in horizontal and boxed versions of the theme. Really nice job. I will be watching it
  39. SoapTheme: Congratulations ! Amazing work, GLWS
  40. naksoid: Please let us know if the video was helpful.
  41. d_ita: Is it possible? Where can I learn to do it? Tried tutorials on Envato Tuts , but found nothing on this topic. Thanks in advance, Dita
  42. droidview: One of the best themes in terms of properly breaking reformatting content for smartphones. Really like it. I hope you add a nice and modern calendar/appointments page soon.
  43. alonso_moreno: I’m thinking buyer this theme but there a few things that I need for my project, Tabs, Calendar, Modals and notifications any date to add this elements? excelent job!!
  44. chauvinarnoux: Hello I didn’t see wysiwyg editor in your template. May be i have missed it ? Regards PP
  45. BerkanGL: Hey, i saw “PHP Files” included in the theme. Is the theme already “done”, and ready to use, like a CMS ?
  46. brieygu: Nice theme ! Any plan to have an Angular version ? Kind regards,
  47. flick36: Hi, i’ll buy this, to start a project but, is there any aproximate date when the upcoming realease with bootstrap 4 will be release? because if i buy this and start the project would it’ll be hard to upgrade to the upcoming version? since im gonna used it with laravel and I really don’t want to adapt everything again should i’ll wait?
  48. fabianogoes: Great post sales support, congratulations for Job!
  49. helmi_susanto: if i using ajax for load page, select2 is not conflic, and wont running please, what should i do?
  50. tracedog: Really nice job! I’ve already begun my intended use and it is working very well. Keep up the great work and looking forward to a RTL implementation if at all possible.
  51. tracedog: Do you have more information on how to process the server side for PHP using the drive.html template? I substituted dropzone.js and some custom css to get a drag and drop working with my file upload using server side PHP to process and place the file. I see a json formatted object with your implementation wondering how to process it on the server side if you have any insight, otherwise I will revert back to the dropzone default I put in ( I like yours better if I can get it working).
  52. illicam: Probably the most elegant UX for admin theme out today!! I am also interested in the ability to organize cards via drag-drop, group cards in stacks and optionally have cards snap together when close. Please let me know how many weeks you estimate this feature is out so we could decide if to program ourselves or wait for you. Thank you!