Awesome Bulma
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
- 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
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.