41

Modern Starter CSS Framework – Mustard UI

 5 years ago
source link: https://www.tuicool.com/articles/hit/mIZBniv
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Demo Download

Author: kylelogue Views Total: 704 Official Page: Go to website Last Update: November 5, 2018 License: MIT

Preview:

EbM73ij.png!web

Description:

Mustard UI is a lightweight, beautiful starter CSS framework for faster modern web app development.

What’s included:

17 components:

  • Alerts
  • Breadcrumbs
  • Cards
  • Footer
  • Header
  • Menus
  • Modals
  • Navigation
  • Pagination
  • Panels
  • Pricing Tables
  • Progress Bars
  • Sidebars
  • Steppers
  • Tabs
  • Tags
  • Tooltips

HTML elements:

  • Blockquotes
  • Buttons
  • Code
  • Forms
  • Links
  • Lists
  • Tables
  • Typography

Utility Classes:

  • Alignment
  • Containers
  • Display
  • Flexbox Grid
  • Sections

Mixins:

  • Breakpoint Mixin
  • Centering Mixins
  • Clearfix Mixin
  • Triangle Mixin

How to use it:

Download & install the Mustard UI with NPM.

# NPM
$ npm install mustard-ui --save

Place the stylesheet ‘mustard-ui.min.css’ in the head section of the webpage.

<link rel="stylesheet" href="mustard-ui.min.css">

More screenshots:

fMzee2M.png!web

Mustard UI Flexbox Grid

fYNFbu6.png!web

Mustard UI Animated Progressbars

JZNvamY.png!web

Mustard UI Buttons

JVN3ArA.png!web

Mustard UI Form Fields

22IJBzZ.png!web

Mustard UI Panels

JvEbIzF.png!web

Mustard UI Cards

Changelog:

v0.0.8 (11/05/2018)

  • Adding !default to all variable declarations

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK