All Projects → mubaidr → Bulma Fluent

mubaidr / Bulma Fluent

Licence: mit
Fluent Design Theme for Bulma, inspired by Microsoft’s Fluent Design System. https://mubaidr.github.io/bulma-fluent/

Projects that are alternatives of or similar to Bulma Fluent

Hepek
Web content generators in Scala. Intuitive, scalable, powerful.
Stars: ✭ 69 (-31.68%)
Mutual labels:  bulma
Fluent Kit
Swift ORM (queries, models, and relations) for NoSQL and SQL databases
Stars: ✭ 82 (-18.81%)
Mutual labels:  fluent
Aybolit
Lightweight web components library built with LitElement.
Stars: ✭ 90 (-10.89%)
Mutual labels:  bulma
Docker Vue
Frontend for DockerRails, built with Vue.js
Stars: ✭ 72 (-28.71%)
Mutual labels:  bulma
Svelte Bulma Components
Collection of Bulma UI components to be used in Svelte or standalone
Stars: ✭ 80 (-20.79%)
Mutual labels:  bulma
Gatsby Bulma Quickstart
🚀 + ⚛️ A Quick Way to bootstrap your next Gatsby + Bulma site.
Stars: ✭ 84 (-16.83%)
Mutual labels:  bulma
Files
A modern file manager that pushes the boundaries of the platform.
Stars: ✭ 15,198 (+14947.52%)
Mutual labels:  fluent
Admin One Laravel Dashboard
Admin One — Free Laravel Dashboard (Bulma Buefy Vue.js SPA)
Stars: ✭ 94 (-6.93%)
Mutual labels:  bulma
Charcoal
A Vue.js & Bulma Starter Kit.
Stars: ✭ 81 (-19.8%)
Mutual labels:  bulma
Fluentappbar
Fluent App Bar: An Android bottom-sheet-based navigation bar based on Microsoft's Fluent Design System
Stars: ✭ 88 (-12.87%)
Mutual labels:  fluent
Modernflyouts
A modern Fluent Design replacement for the old Metro themed flyouts present in Windows.
Stars: ✭ 1,173 (+1061.39%)
Mutual labels:  fluent
Ayudapy
Platform to help people help people
Stars: ✭ 79 (-21.78%)
Mutual labels:  bulma
Shinybulma
🌐 Bulma.io for Shiny
Stars: ✭ 86 (-14.85%)
Mutual labels:  bulma
Rubel
Rubel is a cms built with Laravel and React.
Stars: ✭ 70 (-30.69%)
Mutual labels:  bulma
Lda Topic Modeling
A PureScript, browser-based implementation of LDA topic modeling.
Stars: ✭ 91 (-9.9%)
Mutual labels:  bulma
Npoi.extension
This repo contains the extension for the NPOI, which provides IEnumerable<T> have save to and load from excel functionalities.
Stars: ✭ 67 (-33.66%)
Mutual labels:  fluent
Bottle Vue Kickstart
🍕 Very basic Bottle kickstart kit with Vue.js and Webpack. Included Axios, Autoprefixer, Babel, Webpack config, demo app with Bulma and Web font loader.
Stars: ✭ 83 (-17.82%)
Mutual labels:  bulma
Ng Wizi Bulma
Bulma components for Angular
Stars: ✭ 94 (-6.93%)
Mutual labels:  bulma
Bulma Toast
Bulma's pure JavaScript extension to display toasts
Stars: ✭ 93 (-7.92%)
Mutual labels:  bulma
Html
A Virtual DOM based templating-engine for PHP
Stars: ✭ 86 (-14.85%)
Mutual labels:  fluent

Bulma-Fluent:

Fluent Design Theme for Bulma, inspired by Microsoft’s Fluent Design System.

Also check out Fluent Design Components for Vue.js or Addons for Bulma.


NPM

Demo

Bulma Fluent Demo

Screenshot

Quick install

NPM

npm install bulma-fluent

Yarn

yarn add bulma-fluent

Import

After installation, you can import the CSS/Sass file into your project using this snippet:

css

import 'bulma-fluent/css/bulma.css'

sass

import 'bulma-fluent/bulma.sass'

CDN link

unpkg.com/bulma-fluent

Download from this Repository

Download Latest Minified Build

Customize

Simply set your own Sass variables before importing Bulma-fluent.

// Set your brand colors
$primary: #8a4d76;
$info: #fa7c91;
$success: #757763;
$warning: yellow;
$danger: red;
$light: #ccc;
$dark: #444;

// Update font family
$family-sans-serif: 'Calibri', 'Arial';

// Import the Bulma-fluent
@import 'bulma-fluent/bulma.sass';

Copyright and license

Code copyright 2018 Muhammad Ubaid Raza.

Code released under the MIT license.

Contributors

Thanks goes to these wonderful people (emoji key):

Jibbie R. Eguna
Jibbie R. Eguna

🎨

This project follows the all-contributors specification. Contributions of any kind welcome!

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].