• Stars
    star
    308
  • Rank 135,712 (Top 3 %)
  • Language
  • License
    Creative Commons ...
  • Created almost 5 years ago
  • Updated 12 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

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.

More Repositories

1

awesome-bulma-templates

πŸš€ Free real-world templates built with Bulma
HTML
491
star
2

bulma-social

🀳 Social Buttons and Colors for Bulma
CSS
254
star
3

ralma

πŸ’Ž Ractive.js Components for Bulma
HTML
35
star
4

coronablock

CoronaBLOCK is an Open Source Chrome Extension that scans your Facebook feed for COVID-19 related posts and comments and removes them, based on a curated list of related keywords.
JavaScript
34
star
5

bulma-login-template

Bulma Login Template designed using Bulma CSS Framework
HTML
16
star
6

bulma-rent-template

Bulma Rent Template designed using Bulma CSS Framework
HTML
12
star
7

bulma-cv-template

Bulma CV Template designed using Bulma CSS Framework
HTML
10
star
8

bulma-hotel-template

Bulma Hotel Template designed using Bulma CSS Framework
HTML
7
star
9

dog-birthday-calculator

πŸ• Calculate the birthdays of your dog - React
JavaScript
4
star
10

bulma-event-participation-template

Event Participation template built with Bulma
HTML
3
star
11

bulma-coming-soon-template

Bulma Coming Soon Template designed using Bulma CSS Framework
HTML
2
star
12

local-weather

🌀️ Shows the 5 day weather forecast of your current city or any city you like.
CSS
2
star
13

alert-input-chrome-extension

Shows an alert with the input
HTML
1
star
14

twitchtv-json-api

JavaScript
1
star
15

wikipedia_search

πŸ” Search engine for Wikipedia articles
JavaScript
1
star
16

quora-nologin-chrome-extension

No login needed to view questions and answers on Quora
JavaScript
1
star
17

bulma-tic-tac-toe

Tic-Tac-Toe designed using Bulma CSS Framework
1
star
18

simple-quote-generator

A simple Quote Generator with a Sleek Design!
HTML
1
star
19

tipcalculator

Simple Tip Calculator. Created using HTML, CSS and Javascript.
HTML
1
star
20

Covid-19GR_sms_Assistant

Java
1
star