Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/aldi/awesome-bulma

🎉 A curated list of awesome things related to Bulma CSS Framework
https://github.com/aldi/awesome-bulma
List: awesome-bulma
awesome awesome-list bulma bulma-css css extensions resources
Last synced: 3 months ago
JSON representation
🎉 A curated list of awesome things related to Bulma CSS Framework
Host: GitHub
URL: https://github.com/aldi/awesome-bulma
Owner: aldi
License: cc0-1.0
Created: 2019-11-30T19:25:59.000Z (about 5 years ago)
Default Branch: master
Last Pushed: 2023-12-14T23:00:49.000Z (about 1 year ago)
Last Synced: 2024-05-20T05:27:46.658Z (7 months ago)
Topics: awesome, awesome-list, bulma, bulma-css, css, extensions, resources
Homepage:
Size: 142 KB
Stars: 308
Watchers: 11
Forks: 19
Open Issues: 0
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project

ultimate-awesome - awesome-bulma - 🎉 A curated list of awesome things related to Bulma CSS Framework. (Other Lists / Monkey C Lists)
README

        


  



# Awesome Bulma [![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re)

> A curated list of awesome things related to Bulma CSS Framework

## Table of Contents

- [Resources](#resources)

  - [Useful Links](#useful-links)

  - [Starters](#starters)

  - [Templates](#templates)

  - [Themes](#themes)

  - [IDE Extensions](#ide-extensions)

  - [Open-Source Projects](#open-source-projects)

  - [Learning](#learning)

    - [Books](#books)

    - [Video Tutorials](#video-tutorials)

    - [Courses](#courses)

- [UI Libraries & Components](#ui-libraries--components)

- [Extensions](#extensions)

- [Expo](#expo)

## Resources

### Useful Links

🔗 - [Bulma.io](https://bulma.io) - Official Bulma website  

🔗 - [Bulma Documentation](https://bulma.io/documentation/) - Everything you need to create a website with Bulma  

🔗 - [Bulma on GitHub](https://github.com/tailwindcss/tailwindcss) - Official Bulma repository on GitHub  

🔗 - [Bulma on Gitter](https://gitter.im/jgthms/bulma) - Official Bulma Community on Gitter  

🔗 - [Bulma NPM Package](https://www.npmjs.com/package/bulma) - Official Bulma NPM Package

### Starters

🏁 - [bulma-start](https://github.com/jgthms/bulma-start) - A tiny npm package to get started  

🏁 - [bulmapress](https://github.com/teamscops/bulmapress) - A WordPress flexbox theme  

🏁 - [base-camp](https://github.com/suomato/base-camp) - Awesome WordPress starter theme with own CLI with Bulma  

🏁 - [bulmascores](https://github.com/Nicuz/Bulmascores) - WordPress starter theme based on Underscores and Bulma  

🏁 - [gatsby-starter-netlify-cms](https://github.com/netlify-templates/gatsby-starter-netlify-cms) - Gatsby + Netlify CMS Starter with Bulma  

🏁 - [gatsby-bulma-quickstart](https://github.com/amandeepmittal/gatsby-bulma-quickstart) - A Bulma CSS + GatsbyJS Starter Kit  

🏁 - [gatsby-starter-bloomer](https://github.com/Cethy/gatsby-starter-bloomer) - A Gatsby starter based on Bulma and Bloomer  

🏁 - [gatsby-starter-bulma-storybook](https://github.com/gvaldambrini/gatsby-starter-bulma-storybook) - A minimal Gatsby starter which includes Bulma and Storybook  

🏁 - [gatsby-starter-i18n-bulma](https://github.com/kalwalt/gatsby-starter-i18n-bulma) - A gatsby multilanguage template with bulma and i18n  

🏁 - [phoenix-starter](https://github.com/awestbro/phoenix-starter) - Elixir | Phoenix | Webpack | Bulma  

🏁 - [gridsome-bulma](https://github.com/calebanthony/gridsome-bulma) - A Gridsome starter with Bulma  

🏁 - [next-starter](https://github.com/techno246/next-starter) - Next.js starter project with Bulma, SASS, ESLint  

🏁 - [starter-angular-loopback-bulma](https://github.com/angular-indonesia/starter-angular-loopback-bulma) - A Starter Template using Angular & Bulma with a Loopback Backend  

🏁 - [react-starter](https://github.com/chvid/react-starter) - A starter for React/Bulma/Webpack  

🏁 - [next-bulma](https://github.com/louiskhenghao/next-bulma) - NextJs with Bulma CSS Framework  

🏁 - [hyperbulma](https://github.com/cutemachine/hyperbulma) - A starter project for using Hyperapp with Bulma CSS  

🏁 - [parcel-starter-kit](https://github.com/emendelski/parcel-starter-kit) - Simple boilerplate: Parcel, Bulma, Babel, Autoprefixer, Posthtml, Eslint and SCSS

### IDE Extensions

💻 - [Bulma for VS Code](https://marketplace.visualstudio.com/items?itemName=demijollamaxime.bulma) - A set of Bulma Snippets for Visual Studio Code  

💻 - [Bulma Snippets for VS Code](https://marketplace.visualstudio.com/items?itemName=fiazluthfi.bulma-snippets) - Visual Studio Code snippet extension for Tailwind CSS  

💻 - [Bulma Snippets for Sublime Text 3](https://github.com/OthmaneBlial/Bulma-Snippets-Sublime-Text-Plugin) - A set of Bulma Snippets for Sublime Text  

💻 - [Bulma Autocomplete for Sublime Text 3](https://github.com/leuchte/bulma-autocomplete) - Sublime Text autocomplete plugin for the Bulma CSS Framework  

💻 - [Bulma Autocomplete 2.0 for Atom](https://github.com/lowlevelm/Bulma-autocomplete-2) - An Atom module to improve your Bulma workflow

### Open-Source Projects

:octocat: - [FileGator](https://github.com/filegator/filegator) - Powerful Multi-User File Manager

### Templates

🖼️ - [awesome-bulma-templates](https://github.com/aldi/awesome-bulma-templates/) - Free Real World Templates built with Bulma  

🖼️ - [bulma-rent-template](https://github.com/aldi/bulma-rent-template) - Free Rent Template built with Bulma  

🖼️ - [bulma-cv-template](https://github.com/aldi/bulma-cv-template) - Free CV Template built with Bulma  

🖼️ - [bulma-hotel-template](https://github.com/aldi/bulma-hotel-template) - Free Hotel Template built with Bulma  

🖼️ - [bulma-coming-soon-template](https://github.com/aldi/bulma-coming-soon-template) - Free Coming Soon Template built with Bulma  

🖼️ - [bulma-login-template](https://github.com/aldi/bulma-login-template) - Free Login Page Template built with Bulma  

🖼️ - [bulma-event-participation-template](https://github.com/aldi//bulma-event-participation-template) - Free Event Participation Template built with Bulma  

🖼️ - [bulma-landing-page-template](https://github.com/hellobetkowski/bulma-product-landing-page-template) - Free App/Landing Page Template built with Bulma  

🖼️ - [bulma-admin-dashboard-template](https://github.com/mazipan/bulma-admin-dashboard-template) - Free Admin Dashboard Template built with Bulma  

🖼️ - [bulma-resume-template](https://github.com/mazipan/bulma-resume-template) - Free Resume Page Template built with Bulma  

🖼️ - [bulma-login-template](https://github.com/adriancast/Bulma-login-template) - Free Login Page Template built with Bulma  

🖼️ - [bulma-templates](https://github.com/BulmaTemplates/bulma-templates) - Free Flexbox Templates built with Bulma  

🖼️ - [bulma-templates-admin-light](https://bulmatemplates.github.io/bulma-templates) - Free Admin Light Template built with the Bulma  

🖼️ - [bulma-templates-band](https://bulmatemplates.github.io/bulma-templates/) - Free Band Template built with Bulma  

🖼️ - [bulma-templates-blog](https://bulmatemplates.github.io/bulma-templates/) - Free Blog Template built with Bulma  

🖼️ - [bulma-templates-cards](https://bulmatemplates.github.io/bulma-templates/) - Free Cards Template built with Bulma  

🖼️ - [bulma-templates-cheatsheet](https://bulmatemplates.github.io/bulma-templates/) - Free Cheatsheet Template built with Bulma  

🖼️ - [bulma-templates-cover](https://bulmatemplates.github.io/bulma-templates/) - Free Cover Template built with Bulma  

🖼️ - [bulma-templates-forum](https://bulmatemplates.github.io/bulma-templates/) - Free Forum Template built with Bulma  

🖼️ - [bulma-templates-hero](https://bulmatemplates.github.io/bulma-templates/) - Free Hero Template built with Bulma  

🖼️ - [bulma-templates-inbox](https://bulmatemplates.github.io/bulma-templates/) - Free Inbox Template built with Bulma  

🖼️ - [bulma-templates-image-timeline](https://bulmatemplates.github.io/bulma-templates/) - Free Image Timeline Template built with Bulma  

🖼️ - [bulma-templates-kanban](https://bulmatemplates.github.io/bulma-templates/) - Free Kanban Template built with Bulma  

🖼️ - [bulma-templates-kanban.js](https://bulmatemplates.github.io/bulma-templates/) - Free Kanban.js Template built with Bulma  

🖼️ - [bulma-templates-landing](https://bulmatemplates.github.io/bulma-templates/) - Free Landing Template built with Bulma  

🖼️ - [bulma-templates-login](https://bulmatemplates.github.io/bulma-templates/) - Free Login Template built with Bulma  

🖼️ - [bulma-templates-modal-cards](https://bulmatemplates.github.io/bulma-templates/) - Free Modal Cards Template built with Bulma  

🖼️ - [bulma-templates-portfolio](https://bulmatemplates.github.io/bulma-templates/) - Free Portfolio Template built with Bulma  

🖼️ - [bulma-templates-showcase](https://bulmatemplates.github.io/bulma-templates/) - Free Showcase Template built with Bulma  

🖼️ - [bulma-templates-tabs](https://bulmatemplates.github.io/bulma-templates/) - Free Tabs Τemplate built with Bulma  

🖼️ - [bulma-admin](https://github.com/nafplann/bulma-admin) - Free Admin Panel Template based on Bulma  

🖼️ - [jekyll-bulma](https://github.com/erayaydin/jekyll-bulma) - Bulma Jekyll Template based on Bulma  

🖼️ - [bulma-dashboard](https://github.com/SamZCoder/Bulma-Dashboard/) - Free Dashboard Template built with Bulma

### Themes

🎨 - [bulmaswatch](https://jenil.github.io/bulmaswatch/) - Themes for Bulma  

🎨 - [Bulma On Demand](https://bulma-on-demand.vercel.app) - Customize Bulma without installing anything  

## Learning

### Books

📚 - [Creating interfaces with Bulma](https://jgthms.com/creating-interfaces-with-bulma-ebook/) - by Jeremy Thomas  

📚 - [Learning Bulma](https://www.apress.com/gp/book/9781484254813/) by Aravind Shenoy

### Video Tutorials

🎬 - [Bulma CSS Framework Crash Course](https://www.youtube.com/watch?v=IiPQYQT2-wg) - by TraversyMedia  

🎬 - [Bulma CSS Framework - Complete Tutorial](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by FreeCodeCamp  

🎬 - [Bulma CSS Framework - 1. Button Styles](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by Paul Halliday  

🎬 - [Bulma CSS Framework - 2. Notifications](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by Paul Halliday  

🎬 - [Bulma CSS Framework - 3. Progress Bars](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by Paul Halliday  

🎬 - [Bulma CSS Framework - 4. Tags](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by Paul Halliday  

🎬 - [Responsive Bulma CSS Navigation Bar](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by abwebtuts  

🎬 - [Bulma CSS Framework - 1. Buttons & Modifiers](https://www.youtube.com/watch?v=Z6RtMMmiHq0) - by Rocky DeRaze  

🎬 - [Bulma CSS Framework - 2. Helpers & Helper Classes](https://www.youtube.com/watch?v=VCwOsDJOZ3s) - by Rocky DeRaze  

🎬 - [Bulma CSS Framework - 3. Responsive Helpers](https://www.youtube.com/watch?v=z47FvpbmJRg) - by Rocky DeRaze  

🎬 - [Bulma CSS Framework - 4. Grid Columns - Layout](https://www.youtube.com/watch?v=desqDL5d_7I) - by Rocky DeRaze  

🎬 - [Bulma CSS Framework - 5. Grid Columns - Responsiveness](https://www.youtube.com/watch?v=gbiRO5npbpY) - by Rocky DeRaze  

🎬 - [Bulma CSS Framework - Admin Dashboard Template Design](https://www.youtube.com/watch?v=RD2m0FkTS_o) - by FrontEndFunn  

🎬 - [Intro to Bulma - A CSS Framework](https://www.youtube.com/watch?v=I8ezFcJ6AeM) - by Pretty Printed  

🎬 - [How to create tiles in Bulma](https://www.youtube.com/watch?v=H-2tcg_Qvhs) - by Pretty Printed  

🎬 - [Bulma Layouts - Sections, Containers, Columns, Levels](https://www.youtube.com/watch?v=ouI1_tZ1yK4) - by Pretty Printed  

🎬 - [JavaScript Zipcode App Using Fetch & Bulma CSS](https://www.youtube.com/watch?v=K3GfUH7AZKs) - by Traversy Media

### Courses

🎓 - [Learn Bulma CSS for free](https://scrimba.com/g/gbulma) - Shimba  

🎓 - [Building Websites with Bulma](https://www.pluralsight.com/courses/building-websites-bulma) - Pluralsight  

🎓 - [Learn Bulma CSS for free](https://coursesity.com/course-detail/learn-bulma-css-for-free-) - Coursesity

## UI Libraries & Components

- [buefy](https://buefy.org/) - Lightweight UI components for Vue.js based on Bulma

- [bulma-rails](https://github.com/joshuajansen/bulma-rails/) - Integrates Bulma with the rails asset pipeline

- [react-bulma-components](https://github.com/couds/react-bulma-components/) - React components for Bulma

- [bloomer](https://github.com/AlgusDark/bloomer/) - A set of React components for Bulma

- [react-bulma](https://github.com/kulakowka/react-bulma/) - React.js components for Bulma

- [svelma](https://github.com/c0bra/svelma/) - Bulma components for Svelte

- [svelte-bulma-components](https://github.com/elcobvg/svelte-bulma-components/) - Collection of Bulma UI components for Svelte

- [bulma.io-axure](https://github.com/Code-Mine-Development/Bulma.io-axure) - AxureRP Library with Bulma components

- [ng-wizi-bulma](https://github.com/WiziShop/ng-wizi-bulma/) - Bulma components for Angular

- [ralma](https://github.com/aldi/ralma/) - Ractive.js Components for Bulma

## Extensions

- [bulma-social](https://aldi.github.io/bulma-social) - 🤳 Social Sign-In Buttons based on Bulma and Font Awesome

- [bulma-calendar](https://wikiki.github.io/components/calendar) - Display a calendar with different colors and sizes

- [bulma-timeline](https://wikiki.github.io/components/timeline) - Display a vertical timeline, in different colors, sizes, and states

- [bulma-carousel](https://github.com/Wikiki/bulma-carousel) - Bulma's extension to display a Carousel

- [bulma-megamenu](https://github.com/hunzaboy/bulma-megamenu/) - Bulma extension to make Mega Menus

- [bulma-steps](https://wikiki.github.io/components/steps) - Display steps for a process with different colors, sizes, and states

- [bulma-switch](https://wikiki.github.io/form/switch) - Display the classic checkbox as a switch button with different colors, sizes, and states

- [bulma-pageloader](https://wikiki.github.io/elements/pageloader) - Display a page-loader to inform users that content is loading, in different colors

- [bulma-checkradio](https://wikiki.github.io/form/checkradio) - Make classic checkbox and radio sexier with different colors, sizes, and states

- [bulma-pricingtable](https://wikiki.github.io/components/pricingtable/) - Display an input as an Icon Picker to ease the user icon selection

- [bulma-accordion](https://wikiki.github.io/components/accordion) - A simple accordion extension for Bulma

- [bulma-slider](https://wikiki.github.io/form/slider) - Display a classic slider with different colors, sizes, and states

- [bulma-ribbon](https://github.com/Wikiki/bulma-ribbon) - Bulma's extension to show a ribbon on boxes

- [bulma-quickview](https://wikiki.github.io/components/quickview/) - Display a quick view of data without leaving the current page

- [bulma-carousel](https://creativebulma.net/product/carousel/demo) - A simple carousel/slider extension for Bulma

- [bulma-iconpicker](https://wikiki.github.io/form/iconpicker/) - Display an input as an Icon Picker to ease the user icon selection

- [bulma-o-steps](https://octoshrimpy.github.io/bulma-o-steps/) - An in-depth steps extension for multi-step forms or wizards

- [bulma-coolcheckboxes](https://github.com/hunzaboy/Cool-Checkboxes-for-Bulma.io) - Cool CSS based checkbox for Bulma

- [bulma-dashboard](https://github.com/lucperkins/bulma-dashboard) - Write easily dashboard-style interfaces with fixed horizontal panels

- [bulma-steps (alternative)](https://aramvisser.github.io/bulma-steps/) - Keep track of where you are in multi steps forms and wizards

- [bulma-divider](https://wikiki.github.io/layout/divider) - Display a vertical or horizontal divider to segment your design

- [bulma-badge](https://wikiki.github.io/elements/badge) - Display a badge element in front of Bulma's element in different colors

- [bulma-tooltip](https://wikiki.github.io/elements/tooltip) - Display a tooltip attached to any kind of element with different positioning

- [bulma-toast](https://github.com/rfoel/bulma-toast/) - Bulma's pure JavaScript extension to display toasts

- [bulma-tagsinput](https://wikiki.github.io/form/tagsinput/) - Modernize an add interaction on input of tags type

- [bulma-block-list](https://github.com/chrisrhymes/bulma-block-list) - A simple scss package extending Bulma with block style list elements

- [bulma-spacing](https://github.com/kaangokdemir/bulma-spacing) - Missing spacing classes for Bulma ecosystem

- [bulma-o-steps](https://octoshrimpy.github.io/bulma-o-steps) - Steps Component For Bulma.io

- [bulma-tagsfield](https://github.com/crabvk/bulma-tagsfield) - Multi-line tags input control

## Expo

✨ - [ftw](https://next.ftwcoin.io/)  

✨ - [Spike](https://spike.sh/)  

✨ - [Runlet](https://runlet.app/)  

✨ - [Bulma Play](https://bulma-css-bulmaplay.appseed.us//)  

✨ - [Filegator](https://demo.filegator.io/)  

✨ - [Sinuous](https://sinuous.netlify.app/)  

✨ - [Agilox](https://www.agilox.net/en)  

✨ - [Pingstack](https://pingstack.io/)  

✨ - [SaaSHub](https://www.saashub.com/)  

✨ - [Snipper App](https://snipper.app/)  

✨ - [GreenPeace Uncut](https://uncut.ro/index.en.html)  

✨ - [Reception Halls](https://www.receptionhalls.com/)  

✨ - [faulthero](https://www.faulthero.com/)  

✨ - [mattfarley](https://mattfarley.ca/)  

✨ - [jgthms](https://jgthms.com/)  

✨ - [Oneday](https://www.oneday.design/)  

✨ - [Booknshelf](https://booknshelf.com/)

## Contribute

Contributions welcome! Read the [contribution guidelines](CONTRIBUTING.md) first.

## License

[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](http://creativecommons.org/publicdomain/zero/1.0)

To the extent possible under law, [aldi](https://github.com/aldi) has waived all copyright and related or neighboring rights to this work.