MUI – Material Design CSS Framework . MUI is a lightweight CSS framework that follows Google's Material Design guidelines.Material Design CSS Framework
MUI is a lightweight CSS framework that follows Google's Material Design guidelines.
Use From the CDN:
text-html-basic <link href="//cdn.muicss.com/mui-0.10.0/css/mui.min.css" rel="stylesheet" type="text/css" /> <script src="//cdn.muicss.com/mui-0.10.0/js/mui.min.js"></script>
Or for development you can use the latest:
<link href="//cdn.muicss.com/mui-latest/css/mui.min.css" rel="stylesheet" type="text/css" /> <script src="//cdn.muicss.com/mui-latest/js/mui.min.js"></script>
Install with NPM:
$ npm install --save muicss
Read more: https://www.npmjs.com/package/muicss
Install with Bower:
$ bower install mui
MUI is designed from the ground up to be fast, small and developer friendly. By design it only includes the basic components you need to build a site that follows Google's Material Design guidelines. Some of the key features of MUI are:
To get started using MUI, go to the MUI website to see examples and download boilerplate HTML.
MUI is tested and works in:
source-shell $ git clone [email protected]:muicss/mui.git $ cd mui
Install node dependencies using npm
source-shell $ npm install
source-shell $ npm run build-examples
To view the examples you can use any static file server. To use the nodejs
source-shell $ npm install http-server $ npm run http-server -- -p 3000
Then visit http://localhost:3000/examples
To run the unit tests from the command line, run 'npm test':
source-shell $ npm test
To run the E2E tests first compile the unit test files into a version that runs in the browser:
source-shell $ npm run build-e2e-tests
Then visit http://localhost:3000/e2e-tests
source-shell $ npm run build-cdn
The build will be located in the
cdn/ ├── angular │ ├── mui-angular.js │ └── mui-angular.min.js ├── css │ ├── mui.css │ ├── mui.min.css │ ├── mui-rtl.css │ └── mui-rtl.min.css ├── email │ ├── mui-email-inline.css │ ├── mui-email-inline-rtl.css │ ├── mui-email-styletag.css │ └── mui-email-styletag-rtl.css ├── extra │ ├── mui-angular-combined.js │ ├── mui-angular-combined.min.js │ ├── mui-colors.css │ ├── mui-colors.min.css │ ├── mui-combined.js │ ├── mui-combined.min.js │ ├── mui-noglobals.css │ ├── mui-noglobals.min.css │ ├── mui-noglobals-rtl.css │ ├── mui-noglobals-rtl.min.css │ ├── mui-react-combined.js │ └── mui-react-combined.min.js ├── js │ ├── mui.js │ └── mui.min.js ├── react │ ├── mui-react.js │ └── mui-react.min.js └── webcomponents ├── mui-webcomponents.js └── mui-webcomponents.min.js
source-shell $ npm run build-npm
The NPM package is located in the
source-shell $ npm run build-meteor
The Meteor package is located in the
Official Website: https://github.com/muicss/mui
Vue CSS frameworks are great for many reasons; code is more universally understood, web applications are easier to maintain, and prototyping becomes less of an extra step.
Vue CSS frameworks are great for many reasons; code is more universally understood, web applications are easier to maintain, and prototyping becomes less of an extra step and more part of the development process.1. Tailwindcss-Vue
Tailwindcss-Vue is a library of UI components for Vue.js built using the Tailwind CSS utility-first CSS framework.@zeit-ui/vue
Vue implementation for Zeit Style, originating from Zeit Design.
@zeit-ui/vue is a Vue implementation for zeit style, originating from Zeit Design. Lean more at GITHUB.
The design of the Zeit is concise and aesthetic feeling, this is an important reason for popular of Zeit. Now you can use them through the @zeit-ui/vue.
Click on the animation to copy it to your clipboardVue Cirrus
A fully responsive and comprehensive CSS framework with beautiful controls and simplistic structure. Cirrus is designed to be adaptable to existing themes or when starting fresh. These are the Vue Components for this CSS framework.Vue CSS Modules
Seamless mapping of class names to CSS modules inside of Vue components.
make a background grid (like graph paper) using only one background gradient property and ended up with this killer mix tape for making all kinds of background grids and patterns.
Download: https://codepen.io/jasesmith/pen/YZEYRL7. CSSOBJ
CSS Rules from JS, change rules dynamically, CSSOM, css modules, auto vendor prefixer, media query for old browsers.
CSS in JS solution, create CSSOM and CSS rules from js, features:
Guide to Python Programming Language
The course will lead you from beginning level to advance in Python Programming Language. You do not need any prior knowledge on Python or any programming language or even programming to join the course and become an expert on the topic.
The course is begin continuously developing by adding lectures regularly.
Please see the Promo and free sample video to get to know more.
Hope you will enjoy it.
An Enthusiast Mind
Basic Knowledge To Use Computer
What will you learn
Will Be Expert On Python Programming Language
Build Application On Python Programming Language
Learn Python Programming
Learn Python Programming
Learn Python Programming and increase your python programming skills with Coder Kovid.
Python is the highest growing programming language in this era. You can use Python to do everything like, web development, software development, cognitive development, machine learning, artificial intelligence, etc. You should learn python programming and increase your skills of programming.
In this course of learn python programming you don't need any prior programming knowledge. Every beginner can start with.
No prior knowledge needed to learn this course
What will you learn
Write Basic Syntax of Python Programming
Create Basic Real World Application
Program in a fluent manner
Get Familiar in Programming Environment