Edge Rewrite
everything Source code View original
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

// request.cf · coarse context

A page that knows where it met you.

Only coarse request metadata is shown. This demo does not display or persist visitor IP addresses.

Country
US
Cloudflare location
CMH
Connection
HTTP/2
Language
Not provided

Ray ID: a401a0f278563191

Jump to content

Draft:Bulma (front-end framework)

From Wikipedia, the free encyclopedia
  • Comment: Primary sources do not establish notability per WP:GNG. DoubleGrazing (talk) 14:05, 22 September 2026 (UTC)


Bulma
DeveloperJeremy Thomas
Stable release
1.0.4 / April 19, 2025; 17 months ago (2025-04-19)
Written inSass, CSS
TypeCSS framework
LicenseMIT License
Websitebulma.io
Repositorygithub.com/jgthms/bulma

Bulma is an open-source CSS framework released in 2016[1][2]. It uses Flexbox for much of its layout system and provides CSS classes for responsive web interfaces[3] [4] The framework contains no JavaScript[1][2] and suports mobile-first websites[5].

It includes styles for layout, forms, buttons, navigation, cards, tables, and other interface elements[1][2][3][5]. Its source is written in Sass and organized into files that can be imported individually, allowing developers to include or customize the framework. HubSpot discusses this modular approach, while Bulma's own documentation describes the implementation in more detail.[1][6]

History

[edit]

Bulma was created in 2016 by Jeremy Thomas[1][2].

Bulma 1.0 was released on March 21, 2024[7]. It was a rewrite using Dart Sass, and the release introduced themes, dark mode, class prefixes, and wider use of CSS custom properties. Many framework values can consequently be customized in CSS without recompiling the Sass source.[8]

Version 1.0.4 was released on April 19, 2025[9]

Reception and Coverage

[edit]

Bulma has been discussed in several independent web development publications and books. In 2016, Opensource.com added it to the list of open-source projects to watch in 2017 [4]. SitePoint published a dedicated article on the framework in 2017, covering its use of Flexbox and modifier classes[3]. Two years later, Apress published Learning Bulma, a standalone book covering the framework's features in-depth[5].

Bulma has been compared to bootstrap, and independent publications noted that Bulma differs due to its absence of bundled JavaScript[1]. In 2024, LogRocket published an adoption guide comparing Bulma with Tailwind CSS, Bootstrap, and Chakra UI, discussing its modular architecture, use cases, and limitations. [2]

Features

[edit]

Bulma is a Sass-based[10] CSS-only framework. It does not contain JavaScript, so interactive behaviour must be supplied separately by application code or another library.[2]The components use base classes and modifier classes. Modifier classes change properties such as colour, size, or state.[6] Since version 1.0 Bulma provides two layout systems: its traditional Flexbox-based columns,[11] and a separate two-dimensional layout system based on CSS Grid, introduced in Bulma 1.0.[12]. It supports responsive webdesigen through buillt-in responsive modifiers targeting different screen sizes.[13]. The framework's source is divided into separate files that can be loaded individually, and the variables can be customized through Sass.[6][10]

Bulma 1.0 introduced wider use of CSS custom properties.[7][8] The properties are also used by its theming system. Which includes light and dark themes.[14]

License

[edit]

Bulma is released under the MIT License.[15]

See also

[edit]

References

[edit]
  1. 1 2 3 4 5 6 Juviler, Jamie (2017-10-16). "The Bulma CSS Framework: What It Is and How To Get Started". HubSpot. Retrieved 2024-02-21.
  2. 1 2 3 4 5 6 Akintokun, Timonwa (2024-05-23). "Bulma CSS adoption guide: Overview, examples, and alternatives". LogRocket. Retrieved 2026-09-22.
  3. 1 2 3 Pollack, Gregg (2024-05-23). "Learn a CSS Framework in 6 Minutes with Bulma". SitePoint. Retrieved 2017-10-16.
  4. 1 2 Baker, Jason (2016). "10 open source projects to watch in 2017". Open Source Yearbook 2016 (PDF). Opensource.com. pp. 80–82. Retrieved 2026-09-23.
  5. 1 2 3 Shenoy, Aravind (2019). Learning Bulma: Understand How to Develop Responsive, Mobile-first Websites Using This Impressive, Modern Framework. Apress. p. 199. ISBN 978-1484254820.
  6. 1 2 3 "Bulma: Modularity". Bulma. Retrieved 2026-09-22.
  7. 1 2 "Bulma 1.0.0". GitHub. 2024-03-21. Retrieved 2026-09-22.
  8. 1 2 "CSS Variables". Bulma. Retrieved 2026-09-22.
  9. ↑ "Bulma 1.0.4". GitHub. 2025-04-19. Retrieved 2026-09-22.
  10. 1 2 "Bulma: Customize with Sass". Bulma. Retrieved 2026-09-22.
  11. ↑ "Bulma: Columns". Bulma. Retrieved 2026-09-22.
  12. ↑ "Bulma: Grid". Bulma. Retrieved 2026-09-22.
  13. ↑ "Bulma: Responsiveness". Bulma. Retrieved 2026-09-22.
  14. ↑ "Bulma: Themes". Bulma. Retrieved 2026-09-22.
  15. ↑ "Bulma: LICENSE". Retrieved 2026-09-23.
[edit]

Category:CSS frameworks Category:Free software programmed in CSS Category:Software using the MIT license Category:2016 software

Retrieved from "https://en.wikipedia.org/w/index.php?title=Draft:Bulma_(front-end_framework)&oldid=1376312685"