All Projects → kylelogue → Mustard Ui

kylelogue / Mustard Ui

Licence: mit
A starter CSS framework that actually looks good.

Projects that are alternatives of or similar to Mustard Ui

Bojler
Bojler is an email framework
Stars: ✭ 885 (-8.57%)
Mutual labels:  css-framework, scss
Teutonic Css
A modern CSS framework — versatile, well documented.
Stars: ✭ 308 (-68.18%)
Mutual labels:  css-framework, scss
Aqua.css
An elegant CSS Framework.
Stars: ✭ 253 (-73.86%)
Mutual labels:  css-framework, scss
Buttercake
Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰
Stars: ✭ 178 (-81.61%)
Mutual labels:  css-framework, scss
Nhsuk Frontend
NHS.UK frontend contains the code you need to start building user interfaces for NHS websites and services.
Stars: ✭ 511 (-47.21%)
Mutual labels:  css-framework, scss
Shorthand
Feature rich CSS framework for the new decade https://shorthandcss.com
Stars: ✭ 230 (-76.24%)
Mutual labels:  css-framework, scss
Bulma Helpers
Library with missing Functional / Atomic CSS classes for Bulma framework
Stars: ✭ 263 (-72.83%)
Mutual labels:  css-framework, scss
Lc Design
A UI component framework for building LCUI application.
Stars: ✭ 134 (-86.16%)
Mutual labels:  css-framework, scss
Siimple
The minimal CSS toolkit for flat and clean designs
Stars: ✭ 502 (-48.14%)
Mutual labels:  css-framework, scss
Gutenberg
Modern framework to print the web correctly.
Stars: ✭ 4,425 (+357.13%)
Mutual labels:  css-framework, scss
Flexible Grid
Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)
Stars: ✭ 154 (-84.09%)
Mutual labels:  css-framework, scss
Primitive
⛏️ ‎ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (-19.11%)
Mutual labels:  css-framework, scss
Bulma Scss
Bulma SCSS - The Bulma CSS Framework files converted to SCSS syntax
Stars: ✭ 143 (-85.23%)
Mutual labels:  css-framework, scss
Charts.css
Open source CSS framework for data visualization.
Stars: ✭ 4,595 (+374.69%)
Mutual labels:  css-framework, scss
Puppertino
A CSS framework based on Human Guidelines from apple
Stars: ✭ 138 (-85.74%)
Mutual labels:  css-framework, scss
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Stars: ✭ 154,459 (+15856.51%)
Mutual labels:  css-framework, scss
Fictoan
Mockups with markup — https://sujan-s.github.io/fictoan/
Stars: ✭ 114 (-88.22%)
Mutual labels:  css-framework, scss
Basis
A lightweight responsive Sass/CSS framework based on flexible box.
Stars: ✭ 133 (-86.26%)
Mutual labels:  css-framework, scss
Nes.css
NES-style CSS Framework | ファミコン風CSSフレームワーク
Stars: ✭ 17,912 (+1750.41%)
Mutual labels:  css-framework, scss
Cirrus
☁️ The CSS framework for the modern web.
Stars: ✭ 716 (-26.03%)
Mutual labels:  css-framework, scss

Mustard UI

Mustard is a starter CSS framework that actually looks good.

npm npm

Getting Started

Mustard UI is currently in release v1.0. Try it out today and help us fine tune the look and feel for future versions!

To get started, you can follow our Installation Guide or use one of the methods provided below:

Install Using NPM:

npm install mustard-ui

Include via a CDN::

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/mustard-ui.min.css">

Clone the Repo and Install Dependencies:

git clone https://github.com/kylelogue/mustard-ui.git

Re-build the SCSS files:

npm run build

Open the Sandbox Environment:

npm run dev

You can start configuring the colors to suit your needs by first changing the $brand-color variable located in src/scss/base/base.scss from $color-green-500 to $color-indigo-500 or any other color you'd like. There are lots of colors that can be found in the src/scss/vars/colors.scss file.

CSS Only

Mustard is a CSS framework and does not include any javascript. We do this in an effort to keep the filesize small.

You can use the framework as is or customize it via the component variables located at the top of each component scss file.

Documentation

Full documentation is provided on our website located on this repositories GitHub Page and also located in the /docs folder as static html.

Become a Contributor

Mustard UI is provided free of cost because of the contributions that are made from developers like you. If you'd like to see this project grow, we would love it if you could submit a pull request to the project on GitHub.

Copyright and License

Copyright 2018 Kyle Logue. This project is licensed under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].