• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

rahmato/free-materialize-material-design-admin-template: Materialize - Free Mate ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

rahmato/free-materialize-material-design-admin-template

开源软件地址(OpenSource Url):

https://github.com/rahmato/free-materialize-material-design-admin-template

开源编程语言(OpenSource Language):

JavaScript 49.1%

开源软件介绍(OpenSource Introduction):

Materialize Free Material Design Admin Template

Materialize - Free Material Design Admin Template is the excellent responsive google material design inspired admin template.

Materialize can be used for any type of web applications dashboard: custom admin panels, admin dashboards, CMS, CRM, SAAS and websites: CMSs, SAAS, CRM, HRMS, Support & Social portal, e-commerce, personal business, corporate.

We’ve written the CSS in SASS which is a great way of organizing your CSS code in a structured manner.

Materialize has a minimal, sleek, clean and intuitive design which makes your next project look awesome and yet user friendly, Have look Materialize today!

Demo

https://pixinvent.com/free-materialize-material-design-admin-template/

Materialize Free Material Design Admin Template Presentation

Table of contents

Looking for more features ? Upgrade To Premium

Materialize Material Design Admin Template Presentation

Materialize Lite Features Materialize Pro Features
DEMO DEMO
Download Purchase
1 Theme with simple fixed menu 5 Themes with fixed, collapseble, overlay & horizontal menu
Built in starter-kits for all layouts
1 Simple Dashboards 2 Niche Dashboards
- Multiple Navbar & Menu Options
- Header & Footer Customizations
Materialize tables Materialize, DataTables & JSGrid
- Date & Time Pickers
Materialize Card Materialize, Advance & Extended Cards
- File Uploaders
- Event Calendars
- 5+ Chart Libraries
- eCommerce, Blog, User & Error Pages
Regular Support Incredible Support
- Delightful Documentation

Prerequisites

Node JS must be installed on your system to run grunt css generation and dist commands. You can download and install nodejs from this URL: https://nodejs.org/en/

Installation

1. Download: Download Materialize - Free Material Design Admin Template from Github or visit Pixinvent Creative Studio and download the latest release.

2. Github

git clone https://github.com/YOUR_USERNAME/free-materialize-material-design-admin-template.git

Grunt

  • Run npm install command to install required node modules
npm install

Running Grunt Dist Commands

Except Grunt dist-js command you must have to pass Layout = "{{theme-name}}" parameter to let grunt know compile theme specific scss files. Generic syntax for grunt command is grunt {{task}} --Layout="{{theme-name}}" Where task will be name of grunt task and theme-name will the theme you wish to compile scss for it.

Task Command Description
Dist grunt dist --Layout="fixed-menu To clean css, js and build distributable css and js files
Monitor grunt monitor --Layout="fixed-menu Watch all scss files change and compile it accordingly. In this command you need to pass the Layout parameater in grunt commands
Build JS grunt dist-js To clean js files and build distributable js files
Compile SCSS grunt sass-compile --Layout="fixed-menu" Compile scss files
Build CSS grunt dist-compile --Layout="fixed-menu" To clean css files and build distributable css files

What's included

Below is the Materialize - Free Material Design Admin Template folder structure. Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

  materialize-admin/        <-- Template root folder
  |--css/
  |  |--custom/custom.css   <-- Write your custom css or generate custom.css using custom.scss
  |  |--materialize.css     <-- compiled from scss/materialize.scss
  |  |--style.css           <-- compiled from scss/style.scss
  |
  |--fonts/                 <-- Template fonts & icon-fonts
  |  |--roboto/
  |  |--material-design-icons/
  |
  |--images/                <-- All the images of the template
  |
  |--js/
  |  |--materialize-plugins/ <-- Materialize framework core JS files
  |  |--scripts/             <-- Template html page wise js scripts
  |  |--custom-script.js     <-- Use this JS file to write your own custom JS
  |  |--materialize.js       <-- Materialize framework JS file generated from materialize-plugins/
  |  |--plugins.js           <-- Template main JS file
  |
  |--scss/
  |  |--components/          <-- Materialize framework core SCSS files
  |  |--custom/              <-- Use this SCSS file to write your own custom SCSS, It will generate css/custom/custom.css file.
  |  |--theme-components/    <-- Template components SCSS file
  |  |--themes/              <-- Template different themes SCSS file, you can create your own theme folder here !
  |  |--materialize.scss     <-- Materialize framework main SCSS files
  |  |--style.scss           <-- Template main SCSS files
  |  |--theme.scss           <-- Auto generated theme.scss file from Grunt, Generate for specific theme(i.e collapsible-menu) based on grunt commend  grunt watch --Layout="collapsible-menu"
  |
  |--vendors/                <-- All Venders JS & SCSS
  |
  *.html                     <-- Template all html file here 
  |
  Gruntfile.js               <-- Grunt JS files
  |
  package.json               <-- Node package JSON file.
  |
  README.md                  <-- Readme file
        

Documentation

Visit the online documentation for the most updated guide.

Browser Support

Materialize - Free Material Design Admin Template is built to work best in the latest desktop and mobile and tablet browsers,

  • Chrome (latest)
  • FireFox (latest)
  • Safari (latest)
  • Opera (latest)
  • IE10+

Contributing

Contribution are always welcome and recommended! Here is how:

  • Fork the repository (here is the guide).
  • Clone to your machine git clone https://github.com/YOUR_USERNAME/robust-free-bootstrap-admin-template.git
  • Make your changes
  • Create a pull request

Contribution Requirements:

  • When you contribute, you agree to give a non-exclusive license to Pixinvent Creative Studio to use that contribution in any context as we (Pixinvent Creative Studio) see appropriate.
  • If you use content provided by another party, it must be appropriately licensed using an open source license.
  • Contributions are only accepted through Github pull requests.
  • Finally, contributed code must work in all supported browsers (see above for browser support).

Creators

Change log

For the most recent change log, visit the releases page or the changelog file. We will add a detailed release notes to each new release.

Credits

Copyright and license

Materialize - Free Material Design Admin Template is an open source project by Pixinvent Creative Studio that is licensed under MIT. Pixinvent Creative Studio reserves the right to change the license of future releases.




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap