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.io - Official Bulma website
🔗 - Bulma Documentation - Everything you need to create a website with Bulma
🔗 - Bulma on GitHub - Official Bulma repository on GitHub
🔗 - Bulma on Gitter - Official Bulma Community on Gitter
🔗 - Bulma NPM Package - Official Bulma NPM Package

Starters

🏁 - bulma-start - A tiny npm package to get started
🏁 - bulmapress - A WordPress flexbox theme
🏁 - base-camp - Awesome WordPress starter theme with own CLI with Bulma
🏁 - bulmascores - WordPress starter theme based on Underscores and Bulma
🏁 - gatsby-starter-netlify-cms - Gatsby + Netlify CMS Starter with Bulma
🏁 - gatsby-bulma-quickstart - A Bulma CSS + GatsbyJS Starter Kit
🏁 - gatsby-starter-bloomer - A Gatsby starter based on Bulma and Bloomer
🏁 - gatsby-starter-bulma-storybook - A minimal Gatsby starter which includes Bulma and Storybook
🏁 - gatsby-starter-i18n-bulma - A gatsby multilanguage template with bulma and i18n
🏁 - phoenix-starter - Elixir | Phoenix | Webpack | Bulma
🏁 - gridsome-bulma - A Gridsome starter with Bulma
🏁 - next-starter - Next.js starter project with Bulma, SASS, ESLint
🏁 - starter-angular-loopback-bulma - A Starter Template using Angular & Bulma with a Loopback Backend
🏁 - react-starter - A starter for React/Bulma/Webpack
🏁 - next-bulma - NextJs with Bulma CSS Framework
🏁 - hyperbulma - A starter project for using Hyperapp with Bulma CSS
🏁 - parcel-starter-kit - Simple boilerplate: Parcel, Bulma, Babel, Autoprefixer, Posthtml, Eslint and SCSS

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 Tailwind 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

- FileGator - Powerful Multi-User File Manager

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-login-template - Free Login Page Template built with Bulma
🖼️ - bulma-event-participation-template - Free Event Participation Template built with Bulma
🖼️ - bulma-landing-page-template - Free App/Landing 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-login-template - Free Login 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
🖼️ - bulma-templates-forum - Free Forum Template built with Bulma
🖼️ - bulma-templates-hero - Free Hero Template built with Bulma
🖼️ - bulma-templates-inbox - Free Inbox Template built with Bulma
🖼️ - bulma-templates-image-timeline - Free Image Timeline Template built with Bulma
🖼️ - bulma-templates-kanban - Free Kanban Template built with Bulma
🖼️ - bulma-templates-kanban.js - Free Kanban.js Template built with Bulma
🖼️ - bulma-templates-landing - Free Landing Template built with Bulma
🖼️ - bulma-templates-login - Free Login Template built with Bulma
🖼️ - bulma-templates-modal-cards - Free Modal Cards Template built with Bulma
🖼️ - bulma-templates-portfolio - Free Portfolio Template built with Bulma
🖼️ - bulma-templates-showcase - Free Showcase Template built with Bulma
🖼️ - bulma-templates-tabs - Free Tabs Τemplate built with Bulma
🖼️ - bulma-admin - Free Admin Panel Template based on Bulma
🖼️ - jekyll-bulma - Bulma Jekyll Template based on Bulma
🖼️ - bulma-dashboard - Free Dashboard Template built with Bulma

Themes

🎨 - bulmaswatch - Themes for Bulma
🎨 - Bulma On Demand - Customize Bulma without installing anything

Learning

Books

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

Video Tutorials

🎬 - Bulma CSS Framework Crash Course - by TraversyMedia
🎬 - Bulma CSS Framework - Complete Tutorial - by FreeCodeCamp
🎬 - Bulma CSS Framework - 1. Button Styles - by Paul Halliday
🎬 - Bulma CSS Framework - 2. Notifications - by Paul Halliday
🎬 - Bulma CSS Framework - 3. Progress Bars - by Paul Halliday
🎬 - Bulma CSS Framework - 4. Tags - by Paul Halliday
🎬 - Responsive Bulma CSS Navigation Bar - by abwebtuts
🎬 - 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 - Admin Dashboard Template Design - by FrontEndFunn
🎬 - Intro to Bulma - A CSS Framework - by Pretty Printed
🎬 - How to create tiles in Bulma - by Pretty Printed
🎬 - Bulma Layouts - Sections, Containers, Columns, Levels - by Pretty Printed
🎬 - JavaScript Zipcode App Using Fetch & Bulma CSS - by Traversy Media

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
• bulma-rails - Integrates Bulma with the rails asset pipeline
• react-bulma-components - React components for Bulma
• bloomer - A set of React components for Bulma
• react-bulma - React.js components for Bulma
• svelma - Bulma components for Svelte
• svelte-bulma-components - Collection of Bulma UI components for Svelte
• bulma.io-axure - AxureRP Library with Bulma components
• ng-wizi-bulma - Bulma components for Angular
• ralma - Ractive.js Components for Bulma

Extensions

• bulma-social - 🤳 Social Sign-In Buttons based on Bulma and Font Awesome
• bulma-calendar - Display a calendar with different colors and sizes
• bulma-timeline - Display a vertical timeline, in different colors, sizes, and states
• bulma-carousel - Bulma's extension to display a Carousel
• bulma-megamenu - Bulma extension to make Mega Menus
• bulma-steps - Display steps for a process with different colors, sizes, and states
• bulma-switch - Display the classic checkbox as a switch button with different colors, sizes, and states
• bulma-pageloader - Display a page-loader to inform users that content is loading, in different colors
• bulma-checkradio - Make classic checkbox and radio sexier with different colors, sizes, and states
• bulma-pricingtable - Display an input as an Icon Picker to ease the user icon selection
• bulma-accordion - A simple accordion extension for Bulma
• bulma-slider - Display a classic slider with different colors, sizes, and states
• bulma-ribbon - Bulma's extension to show a ribbon on boxes
• bulma-quickview - Display a quick view of data without leaving the current page
• bulma-carousel - A simple carousel/slider extension for Bulma
• bulma-iconpicker - Display an input as an Icon Picker to ease the user icon selection
• bulma-o-steps - An in-depth steps extension for multi-step forms or wizards
• bulma-coolcheckboxes - Cool CSS based checkbox for Bulma
• bulma-dashboard - Write easily dashboard-style interfaces with fixed horizontal panels
• bulma-steps (alternative) - Keep track of where you are in multi steps forms and wizards
• bulma-divider - Display a vertical or horizontal divider to segment your design
• bulma-badge - Display a badge element in front of Bulma's element in different colors
• bulma-tooltip - Display a tooltip attached to any kind of element with different positioning
• bulma-toast - Bulma's pure JavaScript extension to display toasts
• bulma-tagsinput - Modernize an add interaction on input of tags type
• bulma-block-list - A simple scss package extending Bulma with block style list elements
• bulma-spacing - Missing spacing classes for Bulma ecosystem
• bulma-o-steps - Steps Component For Bulma.io
• bulma-tagsfield - Multi-line tags input control

Expo

✨ - ftw
✨ - Spike
✨ - Runlet
✨ - Bulma Play
✨ - Filegator
✨ - Sinuous
✨ - Agilox
✨ - Pingstack
✨ - SaaSHub
✨ - Snipper App
✨ - GreenPeace Uncut
✨ - Reception Halls
✨ - faulthero
✨ - mattfarley
✨ - jgthms
✨ - Oneday
✨ - Booknshelf

Contribute

Contributions welcome! Read the contribution guidelines first.

License

To the extent possible under law, aldi has waived all copyright and related or neighboring rights to this work.