{"id":14109191,"url":"https://github.com/aldi/awesome-bulma","last_synced_at":"2025-10-08T02:31:04.935Z","repository":{"id":45183999,"uuid":"225059951","full_name":"aldi/awesome-bulma","owner":"aldi","description":"🎉 A curated list of awesome things related to Bulma CSS Framework","archived":false,"fork":false,"pushed_at":"2025-04-09T21:58:52.000Z","size":158,"stargazers_count":337,"open_issues_count":0,"forks_count":22,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-10-04T11:02:10.705Z","etag":null,"topics":["awesome","awesome-list","bulma","bulma-css","css","extensions","resources"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aldi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-11-30T19:25:59.000Z","updated_at":"2025-10-03T10:10:36.000Z","dependencies_parsed_at":"2025-04-21T11:16:33.484Z","dependency_job_id":null,"html_url":"https://github.com/aldi/awesome-bulma","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aldi/awesome-bulma","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aldi%2Fawesome-bulma","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aldi%2Fawesome-bulma/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aldi%2Fawesome-bulma/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aldi%2Fawesome-bulma/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aldi","download_url":"https://codeload.github.com/aldi/awesome-bulma/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aldi%2Fawesome-bulma/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278877541,"owners_count":26061463,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-08T02:00:06.501Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","bulma","bulma-css","css","extensions","resources"],"created_at":"2024-08-14T10:02:08.494Z","updated_at":"2025-10-08T02:31:04.927Z","avatar_url":"https://github.com/aldi.png","language":null,"funding_links":[],"categories":["Other Lists","Misc"],"sub_categories":["TeX Lists"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=\"400\" src=\"logo.svg\" alt=\"logo of awesome-bulma repository\"\u003e\n\u003c/p\u003e\n\n# Awesome Bulma [![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re)\n\n\u003e A curated list of awesome things related to Bulma CSS Framework\n\n## Table of Contents\n\n- [Resources](#resources)\n  - [Useful Links](#useful-links)\n  - [Starters](#starters)\n  - [Templates](#templates)\n  - [Themes](#themes)\n  - [IDE Extensions](#ide-extensions)\n  - [Open-Source Projects](#open-source-projects)\n  - [Learning](#learning)\n    - [Books](#books)\n    - [Video Tutorials](#video-tutorials)\n    - [Courses](#courses)\n- [UI Libraries \u0026 Components](#ui-libraries--components)\n- [Extensions](#extensions)\n- [Expo](#expo)\n\n## Resources\n\n### Useful Links\n\n🔗 - [Bulma.io](https://bulma.io) - Official Bulma website  \n🔗 - [Bulma Documentation](https://bulma.io/documentation/) - Everything you need to create a website with Bulma  \n🔗 - [Bulma on GitHub](https://github.com/jgthms/bulma) - Official Bulma repository on GitHub  \n🔗 - [Bulma on Gitter](https://gitter.im/jgthms/bulma) - Official Bulma Community on Gitter  \n🔗 - [Bulma NPM Package](https://www.npmjs.com/package/bulma) - Official Bulma NPM Package\n\n### Starters\n\n🏁 - [bulma-start](https://github.com/jgthms/bulma-start) - A tiny npm package to get started  \n🏁 - [bulmapress](https://github.com/teamscops/bulmapress) - A WordPress flexbox theme  \n🏁 - [base-camp](https://github.com/suomato/base-camp) - Awesome WordPress starter theme with own CLI with Bulma  \n🏁 - [bulmascores](https://github.com/Nicuz/Bulmascores) - WordPress starter theme based on Underscores and Bulma  \n🏁 - [gatsby-starter-netlify-cms](https://github.com/netlify-templates/gatsby-starter-netlify-cms) - Gatsby + Netlify CMS Starter with Bulma  \n🏁 - [gatsby-bulma-quickstart](https://github.com/amandeepmittal/gatsby-bulma-quickstart) - A Bulma CSS + GatsbyJS Starter Kit  \n🏁 - [gatsby-starter-bloomer](https://github.com/Cethy/gatsby-starter-bloomer) - A Gatsby starter based on Bulma and Bloomer  \n🏁 - [gatsby-starter-bulma-storybook](https://github.com/gvaldambrini/gatsby-starter-bulma-storybook) - A minimal Gatsby starter which includes Bulma and Storybook  \n🏁 - [gatsby-starter-i18n-bulma](https://github.com/kalwalt/gatsby-starter-i18n-bulma) - A gatsby multilanguage template with bulma and i18n  \n🏁 - [phoenix-starter](https://github.com/awestbro/phoenix-starter) - Elixir | Phoenix | Webpack | Bulma  \n🏁 - [gridsome-bulma](https://github.com/calebanthony/gridsome-bulma) - A Gridsome starter with Bulma  \n🏁 - [next-starter](https://github.com/techno246/next-starter) - Next.js starter project with Bulma, SASS, ESLint  \n🏁 - [starter-angular-loopback-bulma](https://github.com/angular-indonesia/starter-angular-loopback-bulma) - A Starter Template using Angular \u0026 Bulma with a Loopback Backend  \n🏁 - [react-starter](https://github.com/chvid/react-starter) - A starter for React/Bulma/Webpack  \n🏁 - [next-bulma](https://github.com/louiskhenghao/next-bulma) - NextJs with Bulma CSS Framework  \n🏁 - [hyperbulma](https://github.com/cutemachine/hyperbulma) - A starter project for using Hyperapp with Bulma CSS  \n🏁 - [parcel-starter-kit](https://github.com/emendelski/parcel-starter-kit) - Simple boilerplate: Parcel, Bulma, Babel, Autoprefixer, Posthtml, Eslint and SCSS\n\n### IDE Extensions\n\n💻 - [Bulma for VS Code](https://marketplace.visualstudio.com/items?itemName=demijollamaxime.bulma) - A set of Bulma Snippets for Visual Studio Code  \n💻 - [Bulma Snippets for VS Code](https://marketplace.visualstudio.com/items?itemName=fiazluthfi.bulma-snippets) - Visual Studio Code snippet extension for Bulma CSS  \n💻 - [Bulma Snippets for Sublime Text 3](https://github.com/OthmaneBlial/Bulma-Snippets-Sublime-Text-Plugin) - A set of Bulma Snippets for Sublime Text  \n💻 - [Bulma Autocomplete for Sublime Text 3](https://github.com/leuchte/bulma-autocomplete) - Sublime Text autocomplete plugin for the Bulma CSS Framework  \n💻 - [Bulma Autocomplete 2.0 for Atom](https://github.com/lowlevelm/Bulma-autocomplete-2) - An Atom module to improve your Bulma workflow\n\n### Open-Source Projects\n\n:octocat: - [FileGator](https://github.com/filegator/filegator) - Powerful Multi-User File Manager\n\n### Templates\n\n🖼️ - [awesome-bulma-templates](https://github.com/aldi/awesome-bulma-templates/) - Free Real World Templates built with Bulma  \n🖼️ - [bulma-rent-template](https://github.com/aldi/bulma-rent-template) - Free Rent Template built with Bulma  \n🖼️ - [bulma-cv-template](https://github.com/aldi/bulma-cv-template) - Free CV Template built with Bulma  \n🖼️ - [bulma-hotel-template](https://github.com/aldi/bulma-hotel-template) - Free Hotel Template built with Bulma  \n🖼️ - [bulma-coming-soon-template](https://github.com/aldi/bulma-coming-soon-template) - Free Coming Soon Template built with Bulma  \n🖼️ - [bulma-event-participation-template](https://github.com/aldi//bulma-event-participation-template) - Free Event Participation Template built with Bulma  \n🖼️ - [bulma-landing-page-template](https://github.com/hellobetkowski/bulma-product-landing-page-template) - Free App/Landing Page Template built with Bulma  \n🖼️ - [bulma-login-template](https://github.com/aldi/bulma-login-template) - Free Login Page Template built with Bulma  \n🖼️ - [bulma-admin-dashboard-template](https://github.com/mazipan/bulma-admin-dashboard-template) - Free Admin Dashboard Template built with Bulma  \n🖼️ - [bulma-resume-template](https://github.com/mazipan/bulma-resume-template) - Free Resume Page Template built with Bulma  \n🖼️ - [bulma-templates](https://github.com/BulmaTemplates/bulma-templates) - Free Flexbox Templates built with Bulma  \n🖼️ - [bulma-templates-admin-light](https://bulmatemplates.github.io/bulma-templates) - Free Admin Light Template built with the Bulma  \n🖼️ - [bulma-templates-band](https://bulmatemplates.github.io/bulma-templates/) - Free Band Template built with Bulma  \n🖼️ - [bulma-templates-blog](https://bulmatemplates.github.io/bulma-templates/) - Free Blog Template built with Bulma  \n🖼️ - [bulma-templates-cards](https://bulmatemplates.github.io/bulma-templates/) - Free Cards Template built with Bulma  \n🖼️ - [bulma-templates-cheatsheet](https://bulmatemplates.github.io/bulma-templates/) - Free Cheatsheet Template built with Bulma  \n🖼️ - [bulma-templates-cover](https://bulmatemplates.github.io/bulma-templates/) - Free Cover Template built with Bulma  \n🖼️ - [bulma-templates-forum](https://bulmatemplates.github.io/bulma-templates/) - Free Forum Template built with Bulma  \n🖼️ - [bulma-templates-hero](https://bulmatemplates.github.io/bulma-templates/) - Free Hero Template built with Bulma  \n🖼️ - [bulma-templates-inbox](https://bulmatemplates.github.io/bulma-templates/) - Free Inbox Template built with Bulma  \n🖼️ - [bulma-templates-image-timeline](https://bulmatemplates.github.io/bulma-templates/) - Free Image Timeline Template built with Bulma  \n🖼️ - [bulma-templates-kanban](https://bulmatemplates.github.io/bulma-templates/) - Free Kanban Template built with Bulma  \n🖼️ - [bulma-templates-kanban.js](https://bulmatemplates.github.io/bulma-templates/) - Free Kanban.js Template built with Bulma  \n🖼️ - [bulma-templates-landing](https://bulmatemplates.github.io/bulma-templates/) - Free Landing Template built with Bulma  \n🖼️ - [bulma-templates-login](https://bulmatemplates.github.io/bulma-templates/) - Free Login Template built with Bulma  \n🖼️ - [bulma-templates-modal-cards](https://bulmatemplates.github.io/bulma-templates/) - Free Modal Cards Template built with Bulma  \n🖼️ - [bulma-templates-portfolio](https://bulmatemplates.github.io/bulma-templates/) - Free Portfolio Template built with Bulma  \n🖼️ - [bulma-templates-showcase](https://bulmatemplates.github.io/bulma-templates/) - Free Showcase Template built with Bulma  \n🖼️ - [bulma-templates-tabs](https://bulmatemplates.github.io/bulma-templates/) - Free Tabs Τemplate built with Bulma  \n🖼️ - [bulma-admin](https://github.com/nafplann/bulma-admin) - Free Admin Panel Template based on Bulma  \n🖼️ - [jekyll-bulma](https://github.com/erayaydin/jekyll-bulma) - Bulma Jekyll Template based on Bulma  \n🖼️ - [bulma-dashboard](https://github.com/SamZCoder/Bulma-Dashboard/) - Free Dashboard Template built with Bulma\n\n### Themes\n\n🎨 - [bulmaswatch](https://jenil.github.io/bulmaswatch/) - Themes for Bulma  \n🎨 - [Bulma On Demand](https://bulma-on-demand.vercel.app) - Customize Bulma without installing anything  \n\n## Learning\n\n### Books\n\n📚 - [Creating interfaces with Bulma](https://jgthms.com/creating-interfaces-with-bulma-ebook/) - by Jeremy Thomas  \n📚 - [Learning Bulma](https://www.apress.com/gp/book/9781484254813/) by Aravind Shenoy\n\n### Video Tutorials\n\n🎬 - [Bulma CSS Framework Crash Course](https://www.youtube.com/watch?v=IiPQYQT2-wg) - by TraversyMedia  \n🎬 - [Bulma CSS Framework - Complete Tutorial](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by FreeCodeCamp  \n🎬 - [Bulma CSS Framework - 1. Button Styles](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by Paul Halliday  \n🎬 - [Bulma CSS Framework - 2. Notifications](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by Paul Halliday  \n🎬 - [Bulma CSS Framework - 3. Progress Bars](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by Paul Halliday  \n🎬 - [Bulma CSS Framework - 4. Tags](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by Paul Halliday  \n🎬 - [Responsive Bulma CSS Navigation Bar](https://www.youtube.com/watch?v=LBzZLzu2GKo) - by abwebtuts  \n🎬 - [Bulma CSS Framework - 1. Buttons \u0026 Modifiers](https://www.youtube.com/watch?v=Z6RtMMmiHq0) - by Rocky DeRaze  \n🎬 - [Bulma CSS Framework - 2. Helpers \u0026 Helper Classes](https://www.youtube.com/watch?v=VCwOsDJOZ3s) - by Rocky DeRaze  \n🎬 - [Bulma CSS Framework - 3. Responsive Helpers](https://www.youtube.com/watch?v=z47FvpbmJRg) - by Rocky DeRaze  \n🎬 - [Bulma CSS Framework - 4. Grid Columns - Layout](https://www.youtube.com/watch?v=desqDL5d_7I) - by Rocky DeRaze  \n🎬 - [Bulma CSS Framework - 5. Grid Columns - Responsiveness](https://www.youtube.com/watch?v=gbiRO5npbpY) - by Rocky DeRaze  \n🎬 - [Bulma CSS Framework - Admin Dashboard Template Design](https://www.youtube.com/watch?v=RD2m0FkTS_o) - by FrontEndFunn  \n🎬 - [Intro to Bulma - A CSS Framework](https://www.youtube.com/watch?v=I8ezFcJ6AeM) - by Pretty Printed  \n🎬 - [How to create tiles in Bulma](https://www.youtube.com/watch?v=H-2tcg_Qvhs) - by Pretty Printed  \n🎬 - [Bulma Layouts - Sections, Containers, Columns, Levels](https://www.youtube.com/watch?v=ouI1_tZ1yK4) - by Pretty Printed  \n🎬 - [JavaScript Zipcode App Using Fetch \u0026 Bulma CSS](https://www.youtube.com/watch?v=K3GfUH7AZKs) - by Traversy Media\n\n### Courses\n\n🎓 - [Learn Bulma CSS for free](https://scrimba.com/g/gbulma) - Shimba  \n🎓 - [Building Websites with Bulma](https://www.pluralsight.com/courses/building-websites-bulma) - Pluralsight  \n🎓 - [Learn Bulma CSS for free](https://coursesity.com/course-detail/learn-bulma-css-for-free-) - Coursesity\n\n## UI Libraries \u0026 Components\n\n- [buefy](https://buefy.org/) - Lightweight UI components for Vue.js based on Bulma\n- [bulma-rails](https://github.com/joshuajansen/bulma-rails/) - Integrates Bulma with the rails asset pipeline\n- [react-bulma-components](https://github.com/couds/react-bulma-components/) - React components for Bulma\n- [bloomer](https://github.com/AlgusDark/bloomer/) - A set of React components for Bulma\n- [react-bulma](https://github.com/kulakowka/react-bulma/) - React.js components for Bulma\n- [svelma](https://github.com/c0bra/svelma/) - Bulma components for Svelte\n- [svelte-bulma-components](https://github.com/elcobvg/svelte-bulma-components/) - Collection of Bulma UI components for Svelte\n- [bulma.io-axure](https://github.com/Code-Mine-Development/Bulma.io-axure) - AxureRP Library with Bulma components\n- [ng-wizi-bulma](https://github.com/WiziShop/ng-wizi-bulma/) - Bulma components for Angular\n- [ralma](https://github.com/aldi/ralma/) - Ractive.js Components for Bulma\n\n## Extensions\n\n- [bulma-social](https://aldi.github.io/bulma-social) - 🤳 Social Sign-In Buttons based on Bulma and Font Awesome\n- [bulma-calendar](https://wikiki.github.io/components/calendar) - Display a calendar with different colors and sizes\n- [bulma-timeline](https://wikiki.github.io/components/timeline) - Display a vertical timeline, in different colors, sizes, and states\n- [bulma-carousel](https://github.com/Wikiki/bulma-carousel) - Bulma's extension to display a Carousel\n- [bulma-megamenu](https://github.com/hunzaboy/bulma-megamenu/) - Bulma extension to make Mega Menus\n- [bulma-steps](https://wikiki.github.io/components/steps) - Display steps for a process with different colors, sizes, and states\n- [bulma-switch](https://wikiki.github.io/form/switch) - Display the classic checkbox as a switch button with different colors, sizes, and states\n- [bulma-pageloader](https://wikiki.github.io/elements/pageloader) - Display a page-loader to inform users that content is loading, in different colors\n- [bulma-checkradio](https://wikiki.github.io/form/checkradio) - Make classic checkbox and radio sexier with different colors, sizes, and states\n- [bulma-pricingtable](https://wikiki.github.io/components/pricingtable/) - Display an input as an Icon Picker to ease the user icon selection\n- [bulma-accordion](https://wikiki.github.io/components/accordion) - A simple accordion extension for Bulma\n- [bulma-slider](https://wikiki.github.io/form/slider) - Display a classic slider with different colors, sizes, and states\n- [bulma-ribbon](https://github.com/Wikiki/bulma-ribbon) - Bulma's extension to show a ribbon on boxes\n- [bulma-quickview](https://wikiki.github.io/components/quickview/) - Display a quick view of data without leaving the current page\n- [bulma-carousel](https://creativebulma.net/product/carousel/demo) - A simple carousel/slider extension for Bulma\n- [bulma-iconpicker](https://wikiki.github.io/form/iconpicker/) - Display an input as an Icon Picker to ease the user icon selection\n- [bulma-o-steps](https://octoshrimpy.github.io/bulma-o-steps/) - An in-depth steps extension for multi-step forms or wizards\n- [bulma-coolcheckboxes](https://github.com/hunzaboy/Cool-Checkboxes-for-Bulma.io) - Cool CSS based checkbox for Bulma\n- [bulma-dashboard](https://github.com/lucperkins/bulma-dashboard) - Write easily dashboard-style interfaces with fixed horizontal panels\n- [bulma-steps (alternative)](https://aramvisser.github.io/bulma-steps/) - Keep track of where you are in multi steps forms and wizards\n- [bulma-divider](https://wikiki.github.io/layout/divider) - Display a vertical or horizontal divider to segment your design\n- [bulma-badge](https://wikiki.github.io/elements/badge) - Display a badge element in front of Bulma's element in different colors\n- [bulma-tooltip](https://wikiki.github.io/elements/tooltip) - Display a tooltip attached to any kind of element with different positioning\n- [bulma-toast](https://github.com/rfoel/bulma-toast/) - Bulma's pure JavaScript extension to display toasts\n- [bulma-tagsinput](https://wikiki.github.io/form/tagsinput/) - Modernize an add interaction on input of tags type\n- [bulma-block-list](https://github.com/chrisrhymes/bulma-block-list) - A simple scss package extending Bulma with block style list elements\n- [bulma-spacing](https://github.com/kaangokdemir/bulma-spacing) - Missing spacing classes for Bulma ecosystem\n- [bulma-o-steps](https://octoshrimpy.github.io/bulma-o-steps) - Steps Component For Bulma.io\n- [bulma-tagsfield](https://github.com/crabvk/bulma-tagsfield) - Multi-line tags input control\n- [bulma-list](https://github.com/bluefantail/bulma-list) - A simple list component extension for Bulma\n\n## Expo\n\n✨ - [Divjoy](https://divjoy.com/)  \n✨ - [ftw](https://next.ftwcoin.io/)  \n✨ - [Spike](https://spike.sh/)  \n✨ - [Runlet](https://runlet.app/)  \n✨ - [Bulma Play](https://bulma-css-bulmaplay.appseed.us//)  \n✨ - [Filegator](https://demo.filegator.io/)  \n✨ - [Sinuous](https://sinuous.netlify.app/)  \n✨ - [Agilox](https://www.agilox.net/en)  \n✨ - [Pingstack](https://pingstack.io/)  \n✨ - [SaaSHub](https://www.saashub.com/)  \n✨ - [Snipper App](https://snipper.app/)  \n✨ - [GreenPeace Uncut](https://uncut.ro/index.en.html)  \n✨ - [Reception Halls](https://www.receptionhalls.com/)  \n✨ - [faulthero](https://www.faulthero.com/)  \n✨ - [mattfarley](https://mattfarley.ca/)  \n✨ - [jgthms](https://jgthms.com/)  \n✨ - [Oneday](https://www.oneday.design/)  \n✨ - [Booknshelf](https://booknshelf.com/)\n\n## Contribute\n\nContributions welcome! Read the [contribution guidelines](CONTRIBUTING.md) first.\n\n## License\n\n[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](http://creativecommons.org/publicdomain/zero/1.0)\n\nTo the extent possible under law, [aldi](https://github.com/aldi) has waived all copyright and related or neighboring rights to this work.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faldi%2Fawesome-bulma","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faldi%2Fawesome-bulma","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faldi%2Fawesome-bulma/lists"}