Skip to content

aldi/awesome-bulma

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

195 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

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 - Official website
πŸ”— - Documentation - Guides and reference
πŸ”— - GitHub - Source code, issues, and releases
πŸ”— - npm - Package versions and install instructions

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

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 CSS Class Completion - Visual Studio Code class-name completion 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
:octocat: - Laravel Enso - Laravel Vue SPA, Bulma themed admin panel
:octocat: - Python Discord Site - Django and Bulma web application powering pythondiscord.com

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

Learning

Books

πŸ“š - Creating interfaces with Bulma - by Jeremy Thomas
πŸ“š - Learning Bulma by Aravind Shenoy

Video Tutorials

2022

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
  • BulmaJS - JavaScript helpers for interactive Bulma components
  • @cityssm/bulma-js - JavaScript helpers for Bulma websites
  • bulma-calendar - Display a calendar with different colors and sizes
  • bulma-timeline - Display a vertical timeline, in different colors, sizes, and states
  • 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 pricing tables with different colors and styles
  • 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
✨ - 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

Contributing

Stars

347 stars

Watchers

11 watching

Forks

Contributors