Skip to content

πŸŽ‰ A curated list of awesome things related to Bulma CSS Framework

License

Notifications You must be signed in to change notification settings

aldi/awesome-bulma

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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

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

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

CC0

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

About

πŸŽ‰ A curated list of awesome things related to Bulma CSS Framework

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •