Skip to content

aldi/awesome-bulma

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

logo of awesome-bulma repository

Awesome Bulma Awesome

A curated list of awesome things related to Bulma CSS Framework

Table of Contents

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 NPM Package - Official Bulma NPM Package

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
🏁 - nuxt-bulma-starter - Nuxt.js starter with Bulma integration

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

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-landing-page-template - Free App/Landing Page 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
πŸ–ΌοΈ - 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

2021

2020

2019

2018

2017

Courses

πŸŽ“ - Learn Bulma CSS for free - Shimba
πŸŽ“ - Building Websites with Bulma - Pluralsight
πŸŽ“ - Learn Bulma CSS for free - Coursesity

UI Libraries & Components

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
  • bulma-list - A simple list component extension for Bulma

Expo

✨ - Divjoy
✨ - 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

CC0

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