Awesome Bulma

A curated list of awesome things related to Bulma CSS Framework

Table of Contents

• Resources
  • Useful Links
  • Starters
  • Templates
  • Themes
  • IDE Extensions
  • Open-Source Projects
  • Learning
    • Books
    • Video Tutorials
    • Courses
• UI Libraries & Components
• Extensions
• Expo

Resources

Useful Links

🔗 - Bulma - Official website
🔗 - Documentation - Guides and reference
🔗 - GitHub - Source code, issues, and releases
🔗 - npm - Package versions and install instructions

Starters

Note: These starters are built for Bulma v0.9 and are not yet compatible with v1.
🏁 - bulma-start - A tiny npm package to get started
🏁 - gatsby-starter-netlify-cms - Gatsby + Decap CMS (formerly Netlify CMS) with Bulma
🏁 - next-bulma - NextJs with Bulma CSS Framework
🏁 - react-starter - A starter for React/Bulma/Webpack

IDE Extensions

💻 - Bulma for VS Code - A set of Bulma Snippets for Visual Studio Code
💻 - Bulma Snippets for VS Code - Visual Studio Code snippet extension for Bulma CSS
💻 - Bulma CSS Class Completion - Visual Studio Code class-name completion for Bulma CSS
💻 - Bulma Snippets for Sublime Text 3 - A set of Bulma Snippets for Sublime Text
💻 - Bulma Autocomplete for Sublime Text 3 - Sublime Text autocomplete plugin for the Bulma CSS Framework
💻 - Bulma Autocomplete 2.0 for Atom - An Atom module to improve your Bulma workflow

Open-Source Projects

:octocat: - FileGator - Powerful Multi-User File Manager :octocat: - VaahCMS - Laravel based open-source headless CMS with Bulma
:octocat: - Laravel Enso - Laravel Vue SPA, Bulma themed admin panel
:octocat: - Python Discord Site - Django and Bulma web application powering pythondiscord.com

Templates

🖼️ - awesome-bulma-templates - Free Real World Templates built with Bulma
🖼️ - bulma-rent-template - Free Rent Template built with Bulma
🖼️ - bulma-cv-template - Free CV Template built with Bulma
🖼️ - bulma-hotel-template - Free Hotel Template built with Bulma 🖼️ - bulma-coming-soon-template - Free Coming Soon Template built with Bulma
🖼️ - bulma-event-participation-template - Free Event Participation Template built with Bulma
🖼️ - bulma-login-template - Free Login Page Template built with Bulma
🖼️ - bulma-admin-dashboard-template - Free Admin Dashboard Template built with Bulma
🖼️ - bulma-resume-template - Free Resume Page Template built with Bulma
🖼️ - bulma-templates - Free Flexbox Templates built with Bulma
🖼️ - bulma-templates-admin-light - Free Admin Light Template built with the Bulma
🖼️ - bulma-templates-band - Free Band Template built with Bulma
🖼️ - bulma-templates-blog - Free Blog Template built with Bulma
🖼️ - bulma-templates-cards - Free Cards Template built with Bulma
🖼️ - bulma-templates-cheatsheet - Free Cheatsheet Template built with Bulma
🖼️ - bulma-templates-cover - Free Cover Template built with Bulma 🖼️ - - Free Forum Template built with Bulma 🖼️ - - Free Hero Template built with Bulma 🖼️ - - Free Inbox Template built with Bulma 🖼️ - - Free Image Timeline Template built with Bulma 🖼️ - - Free Kanban Template built with Bulma 🖼️ - - Free Kanban.js Template built with Bulma 🖼️ - - Free Landing Template built with Bulma 🖼️ - - Free Login Template built with Bulma 🖼️ - - Free Modal Cards Template built with Bulma 🖼️ - - Free Portfolio Template built with Bulma 🖼️ - - Free Showcase Template built with Bulma 🖼️ - - Free Tabs Τemplate built with Bulma 🖼️ - - Free Admin Panel Template based on Bulma 🖼️ - - Bulma Jekyll Template based on Bulma 🖼️ - - Free Dashboard Template built with Bulma

Themes

🎨 - bulmaswatch - Themes for Bulma

Learning

Books

📚 - Creating interfaces with Bulma - by Jeremy Thomas
📚 - Learning Bulma by Aravind Shenoy

Video Tutorials

2022

• 🎬 - Build UI using Bulma | Gravity - Part 3 | Chrome extension tutorial - by LetCode with Koushik
• 🎬 - 10 Sass and Bulma - by Dev tips by MoHo
• 🎬 - How to Install Bulma CSS Using npm on Windows: A 60-Second Step-by-Step Guide - by HackerandCoder

2021

• 🎬 - CSS framework in 20 minutes | Bootstrap | Materialize | Bulma | Tailwind | Bootswatch - by Coding Jitsu

2020

• 🎬 - Bulma CSS Tutorial Playlist - by Net Ninja

2019

• 🎬 - Bulma css framework - Admin Dashboard Template Design - by FrontEndFunn

2018

• 🎬 - Bulma CSS Framework - Complete Tutorial - by freeCodeCamp.org
• 🎬 - Responsive Bulma CSS Navigation Bar - by abwebtuts
• 🎬 - Bulma Layouts - Sections, Containers, Columns, Levels - by Pretty Printed
• 🎬 - Intro to Bulma - A CSS Framework - by Pretty Printed
• 🎬 - How to create tiles in Bulma - by Pretty Printed

2017

• 🎬 - Bulma CSS Framework Crash Course - by TraversyMedia
• 🎬 - JavaScript Zipcode App Using Fetch & Bulma CSS - by Traversy Media
• 🎬 - Bulma CSS Framework - 1. Buttons & Modifiers - by Rocky DeRaze
• 🎬 - Bulma CSS Framework - 2. Helpers & Helper Classes - by Rocky DeRaze
• 🎬 - Bulma CSS Framework - 3. Responsive Helpers - by Rocky DeRaze
• 🎬 - Bulma CSS Framework - 4. Grid Columns - Layout - by Rocky DeRaze
• 🎬 - Bulma CSS Framework - 5. Grid Columns - Responsiveness - by Rocky DeRaze
• 🎬 - Bulma CSS Framework - Progress Bars - by Paul Halliday
• 🎬 - Bulma CSS Framework - Notifications - by Paul Halliday
• 🎬 - Bulma CSS Framework - Button Styles - by Paul Halliday
• 🎬 - Bulma CSS Framework - Tags - by Paul Halliday

Courses

🎓 - Learn Bulma CSS for free - Shimba
🎓 - Building Websites with Bulma - Pluralsight
🎓 - Learn Bulma CSS for free - Coursesity

UI Libraries & Components

• buefy - Lightweight UI components for Vue.js based on Bulma
• oruga - UI components library without CSS framework dependency
• oruga-ui/theme-bulma - Bulma theme for Oruga components
• bestax-bulma - Fully typed React components for Bulma
• blazorise - Components for Blazor with support for Bulma
• react-bulma-components - React components for Bulma
• bulma-rails - Integrates Bulma with the rails asset pipeline
• bloomer - A set of React components for Bulma
• svelma - Bulma components for Svelte
• react-bulma - React.js components for Bulma
• bulmil - Web Components library based on Bulma and Stencil
• vue-bulma-components - Bulma components for Vue.js 2
• svelte-bulma-components - Collection of Bulma UI components for Svelte
• ember-bulma - Ember.js components for Bulma
• bulma-styled-components - Bulma with styled-components
• ng-wizi-bulma - Bulma components for Angular
• bulma.io-axure - Ax