[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-712":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},712,"bulma","jgthms\u002Fbulma","jgthms","Modern CSS framework based on Flexbox","https:\u002F\u002Fbulma.io",null,"CSS",50076,3896,571,345,0,3,6,18,10,45,"MIT License",false,"main",true,[27,28,29,30,31],"css","css-framework","design","flexbox","html","2026-06-12 02:00:17","# [Bulma](https:\u002F\u002Fbulma.io)\n\nBulma is a **modern CSS framework** based on [Flexbox](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FCSS_Flexible_Box_Layout\u002FUsing_CSS_flexible_boxes).\n\n![Github](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Frelease\u002Fjgthms\u002Fbulma?logo=Bulma)\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fbulma.svg)][npm-link]\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fbulma.svg)][npm-link]\n[![](https:\u002F\u002Fdata.jsdelivr.com\u002Fv1\u002Fpackage\u002Fnpm\u002Fbulma\u002Fbadge)](https:\u002F\u002Fwww.jsdelivr.com\u002Fpackage\u002Fnpm\u002Fbulma)\n[![Awesome][awesome-badge]][awesome-link]\n[![Join the chat at https:\u002F\u002Fgitter.im\u002Fjgthms\u002Fbulma](https:\u002F\u002Fbadges.gitter.im\u002Fjgthms\u002Fbulma.svg)](https:\u002F\u002Fgitter.im\u002Fjgthms\u002Fbulma)\n[![Build Status](https:\u002F\u002Ftravis-ci.org\u002Fjgthms\u002Fbulma.svg?branch=master)](https:\u002F\u002Ftravis-ci.org\u002Fjgthms\u002Fbulma)\n\n\u003Ca href=\"https:\u002F\u002Fbulma.io\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjgthms\u002Fbulma\u002Fmaster\u002Fdocs\u002Fimages\u002Fbulma-banner.png\" alt=\"Bulma: a Flexbox CSS framework\" style=\"max-width:100%;\" width=\"600\">\u003C\u002Fa>\n\n## Quick install\n\nBulma is constantly in development! Try it out now:\n\n### NPM\n\n```sh\nnpm install bulma\n```\n\n**or**\n\n### Yarn\n\n```sh\nyarn add bulma\n```\n\n### Bower\n\n```sh\nbower install bulma\n```\n\n### Import\n\nAfter installation, you can import the CSS file into your project using this snippet:\n\n```sh\n@import 'bulma\u002Fcss\u002Fbulma.css'\n```\n\n### CDN\n\n[https:\u002F\u002Fwww.jsdelivr.com\u002Fpackage\u002Fnpm\u002Fbulma](https:\u002F\u002Fwww.jsdelivr.com\u002Fpackage\u002Fnpm\u002Fbulma)\n\nFeel free to raise an issue or submit a pull request.\n\n## CSS only\n\nBulma is a **CSS** framework. As such, the sole output is a single CSS file: [bulma.css](https:\u002F\u002Fgithub.com\u002Fjgthms\u002Fbulma\u002Fblob\u002Fmain\u002Fcss\u002Fbulma.css)\n\nYou can either use that file, \"out of the box\", or download the Sass source files to customize the [variables](https:\u002F\u002Fbulma.io\u002Fdocumentation\u002Fcustomize\u002F#docsNav).\n\nThere is **no** JavaScript included. People generally want to use their own JS implementation (and usually already have one). Bulma can be considered \"environment agnostic\": it's just the style layer on top of the logic.\n\n## Browser Support\n\nBulma uses [autoprefixer](https:\u002F\u002Fgithub.com\u002Fpostcss\u002Fautoprefixer) to make (most) Flexbox features compatible with earlier browser versions. According to [Can I use](https:\u002F\u002Fcaniuse.com\u002F#feat=flexbox), Bulma is compatible with **recent** versions of:\n\n- Chrome\n- Edge\n- Firefox\n- Opera\n- Safari\n\nInternet Explorer (10+) is only partially supported.\n\n## Documentation\n\nThe documentation resides in the [docs](docs) directory, and is built with the Ruby-based [Jekyll](https:\u002F\u002Fjekyllrb.com\u002F) tool.\n\nBrowse the [online documentation here.](https:\u002F\u002Fbulma.io\u002Fdocumentation\u002Fstart\u002Foverview\u002F)\n\n## Related projects\n\n| Project                                                                              | Description                                                                                                      |\n| ------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |\n| [Bulma with Attribute Modules](https:\u002F\u002Fgithub.com\u002Fj5bot\u002Fbulma-attribute-selectors)   | Adds support for attribute-based selectors                                                                       |\n| [Bulma with Rails](https:\u002F\u002Fgithub.com\u002Fjoshuajansen\u002Fbulma-rails)                      | Integrates Bulma with the rails asset pipeline                                                                   |\n| [BulmaRazor](https:\u002F\u002Fgithub.com\u002Floogn\u002Fbulmarazor)                                    | A lightweight component library based on Bulma and Blazor.                                                       |\n| [Vue Admin (dead)](https:\u002F\u002Fgithub.com\u002Fvue-bulma\u002Fvue-admin)                           | Vue Admin framework powered by Bulma                                                                             |\n| [Bulmaswatch](https:\u002F\u002Fgithub.com\u002Fjenil\u002Fbulmaswatch)                                  | Free themes for Bulma                                                                                            |\n| [Goldfish (read-only)](https:\u002F\u002Fgithub.com\u002FCaiyeon\u002Fgoldfish)                          | Vault UI with Bulma, Golang, and Vue Admin                                                                       |\n| [ember-bulma](https:\u002F\u002Fgithub.com\u002Fopen-tux\u002Fember-bulma)                               | Ember addon providing a collection of UI components for Bulma                                                    |\n| [Bloomer](https:\u002F\u002Fbloomer.js.org)                                                    | A set of React components for Bulma                                                                              |\n| [React-bulma](https:\u002F\u002Fgithub.com\u002Fkulakowka\u002Freact-bulma)                              | React.js components for Bulma                                                                                    |\n| [Buefy](https:\u002F\u002Fbuefy.org\u002F)                                                          | Lightweight UI components for Vue.js based on Bulma                                                              |\n| [vue-bulma-components](https:\u002F\u002Fgithub.com\u002Fvouill\u002Fvue-bulma-components)               | Bulma components for Vue.js with straightforward syntax                                                          |\n| [BulmaJS](https:\u002F\u002Fgithub.com\u002FVizuaaLOG\u002FBulmaJS)                                      | Javascript integration for Bulma. Written in ES6 with a data-\\* API                                              |\n| [Bulma-modal-fx](https:\u002F\u002Fgithub.com\u002Fpostare\u002Fbulma-modal-fx)                          | A set of modal window effects with CSS transitions and animations for Bulma                                      |\n| [Bulma Stylus](https:\u002F\u002Fgithub.com\u002Fgroenroos\u002Fbulma-stylus)                            | Up-to-date 1:1 translation to Stylus                                                                             |\n| [Bulma.styl (read-only)](https:\u002F\u002Fgithub.com\u002Flog1x\u002Fbulma.styl)                        | 1:1 Stylus translation of Bulma 0.6.11                                                                           |\n| [elm-bulma](https:\u002F\u002Fgithub.com\u002Fsurprisetalk\u002Felm-bulma)                               | Bulma + Elm                                                                                                      |\n| [elm-bulma-classes](https:\u002F\u002Fgithub.com\u002Fahstro\u002Felm-bulma-classes)                     | Bulma classes prepared for usage with Elm                                                                        |\n| [Bulma Customizer](https:\u002F\u002Fbulma-customizer.bstash.io\u002F)                              | Bulma Customizer &#8211; Create your own **bespoke** Bulma build                                                 |\n| [Fulma](https:\u002F\u002Ffulma.github.io\u002FFulma\u002F)                                              | Wrapper around Bulma for [fable-react](https:\u002F\u002Fgithub.com\u002Ffable-compiler\u002Ffable-react)                            |\n| [Laravel Enso](https:\u002F\u002Fgithub.com\u002Flaravel-enso\u002Fenso)                                 | SPA Admin Panel built with Bulma, VueJS and Laravel                                                              |\n| [Django Bulma](https:\u002F\u002Fgithub.com\u002Ftimonweb\u002Fdjango-bulma)                             | Integrates Bulma with Django                                                                                     |\n| [Bulma Templates](https:\u002F\u002Fgithub.com\u002Fdansup\u002Fbulma-templates)                         | Free Templates for Bulma                                                                                         |\n| [React Bulma Components](https:\u002F\u002Fgithub.com\u002Fcouds\u002Freact-bulma-components)            | Another React wrap on React for Bulma.io                                                                         |\n| [purescript-bulma](https:\u002F\u002Fgithub.com\u002Fsectore\u002Fpurescript-bulma)                      | PureScript bindings for Bulma                                                                                    |\n| [Vue Datatable](https:\u002F\u002Fgithub.com\u002Flaravel-enso\u002Fvuedatatable)                        | Bulma themed datatable based on Vue, Laravel & JSON templates                                                    |\n| [bulma-fluent](https:\u002F\u002Fmubaidr.github.io\u002Fbulma-fluent\u002F)                              | Fluent Design Theme for Bulma inspired by Microsoft’s Fluent Design System                                       |\n| [csskrt-csskrt](https:\u002F\u002Fgithub.com\u002F4d11\u002Fcsskrt-csskrt)                               | Automatically add Bulma classes to HTML files                                                                    |\n| [bulma-pagination-react](https:\u002F\u002Fgithub.com\u002Fhipstersmoothie\u002Fbulma-pagination-react)  | Bulma pagination as a react component                                                                            |\n| [bulma-helpers](https:\u002F\u002Fgithub.com\u002Fjmaczan\u002Fbulma-helpers)                            | Functional \u002F Atomic CSS classes for Bulma                                                                        |\n| [bulma-swatch-hook](https:\u002F\u002Fgithub.com\u002Fhipstersmoothie\u002Fbulma-swatch-hook)            | Bulma swatches as a react hook and a component                                                                   |\n| [BulmaWP (read-only)](https:\u002F\u002Fgithub.com\u002Ftomhrtly\u002FBulmaWP)                           | Starter WordPress theme for Bulma                                                                                |\n| [Ralma](https:\u002F\u002Fgithub.com\u002Faldi\u002Fralma)                                               | Stateless Ractive.js Components for Bulma                                                                        |\n| [Django Simple Bulma](https:\u002F\u002Fgithub.com\u002Fpython-discord\u002Fdjango-simple-bulma)         | Lightweight integration of Bulma and Bulma-Extensions for your Django app                                        |\n| [rbx](https:\u002F\u002Fdfee.github.io\u002Frbx)                                                    | Comprehensive React UI Framework written in TypeScript                                                           |\n| [Awesome Bulma Templates](https:\u002F\u002Fgithub.com\u002Faldi\u002Fawesome-bulma-templates)           | Free real-world Templates built with Bulma                                                                       |\n| [Trunx](https:\u002F\u002Fgithub.com\u002Ffibo\u002Ftrunx)                                               | Super Saiyan React components, son of awesome Bulma |\n| [@aybolit\u002Fbulma](https:\u002F\u002Fgithub.com\u002Fweb-padawan\u002Faybolit\u002Ftree\u002Fmaster\u002Fpackages\u002Fbulma)  | Web Components library inspired by Bulma and Bulma-extensions                                                    |\n| [Drulma](https:\u002F\u002Fwww.drupal.org\u002Fproject\u002Fdrulma)                                      | Drupal theme for Bulma.                                                                                          |\n| [Bulrush](https:\u002F\u002Fgithub.com\u002Ftextbook\u002Fbulrush)                                       | A Bulma-based Python Pelican blog theme                                                                          |\n| [Bulma Variable Export](https:\u002F\u002Fgithub.com\u002Fservice-paradis\u002Fbulma-variables-export)   | Access Bulma Variables in Javascript\u002FTypescript in project using Webpack                                         |\n| [Bulmil](https:\u002F\u002Fgithub.com\u002Fgomah\u002Fbulmil)                                            | An agnostic UI components library based on Web Components, made with Bulma & Stencil.                            |\n| [Svelte Bulma Components](https:\u002F\u002Fgithub.com\u002Felcobvg\u002Fsvelte-bulma-components)        | Library of UI components to be used in [Svelte.js](https:\u002F\u002Fsvelte.technology\u002F) or standalone.                    |\n| [Bulma Nunjucks Starterkit](https:\u002F\u002Fgithub.com\u002Fbenninkcorien\u002Fnunjucks-starter-kit)   | Starterkit for Nunjucks with Bulma.                                                                              |\n| [Bulma-Social](https:\u002F\u002Fgithub.com\u002Faldi\u002Fbulma-social)                                 | Social Buttons and Colors for Bulma                                                                              |\n| [Divjoy](https:\u002F\u002Fdivjoy.com\u002F?kit=bulma)                                              | React codebase generator with Bulma templates                                                                    |\n| [Blazorise](https:\u002F\u002Fgithub.com\u002FMegabit\u002FBlazorise)                                    | Blazor component library with the support for Bulma CSS framework                                                |\n| [Oruga-Bulma](https:\u002F\u002Fgithub.com\u002Foruga-ui\u002Ftheme-bulma)                               | Bulma theme for [Oruga UI](https:\u002F\u002Foruga.io)                                                                     |\n| [@bulvar\u002Fbulma](https:\u002F\u002Fgithub.com\u002Fdaniil4udo\u002Fbulvar\u002Ftree\u002Fmaster\u002Fpackages\u002Fbulma)     | Bulma with [CSS Variables](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FUsing_CSS_custom_properties) support |\n| [@angular-bulma](https:\u002F\u002Fquinnjr.github.io\u002Fangular-bulma)                            | [Angular](https:\u002F\u002Fangular.io\u002F) directives and components to use in your Bulma projects                           |\n| [Bulma CSS Class Completion](https:\u002F\u002Fgithub.com\u002Feliutdev\u002Fbulma-css-class-completion) | CSS class name completion for the HTML class attribute based on Bulma CSS classes.                               |\n| [Crispy-Bulma](https:\u002F\u002Fgithub.com\u002Fckrybus\u002Fcrispy-bulma)                              | Bulma template pack for django-crispy-forms                                                                      |\n| [Manifest](https:\u002F\u002Fmanifest.build)                                                   | Manifest is a lightweight Backend-as-a-Service with essential features: DB, Admin panel, API, JS SDK             |\n| [Reactive Bulma](https:\u002F\u002Fgithub.com\u002FNicolasOmar\u002Freactive-bulma)                                                             | A component library based on React, Bulma, Typescript and Rollup         |\n\n\u003Cp>Browser testing via\u003Cbr \u002F>\u003Ca href=\"https:\u002F\u002Fwww.lambdatest.com\u002F\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Fbulma.io\u002Fassets\u002Fimages\u002Famis\u002Flambdatest-logo.png\" width=\"168\" height=\"40\" \u002F>\u003C\u002Fa>\u003C\u002Fp>\n\n## Copyright and license ![Github](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fjgthms\u002Fbulma?logo=Github)\n\nCode copyright 2023 Jeremy Thomas. Code released under [the MIT license](https:\u002F\u002Fgithub.com\u002Fjgthms\u002Fbulma\u002Fblob\u002Fmain\u002FLICENSE).\n\n[npm-link]: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fbulma\n[awesome-link]: https:\u002F\u002Fgithub.com\u002Fawesome-css-group\u002Fawesome-css\n[awesome-badge]: https:\u002F\u002Fcdn.rawgit.com\u002Fsindresorhus\u002Fawesome\u002Fd7305f38d29fed78fa85652e3a63e154dd8e8829\u002Fmedia\u002Fbadge.svg\n","Bulma 是一个基于 Flexbox 的现代 CSS 框架。它提供了一套简洁、响应式的样式组件，支持自定义变量以满足不同设计需求，且完全不依赖于 JavaScript，保证了轻量级与灵活性。Bulma 通过使用 Autoprefixer 来增强跨浏览器兼容性，适用于 Chrome、Firefox 等主流浏览器的新版本。该框架非常适合用于快速构建网页布局或作为更复杂项目的基础样式库，特别适合那些希望专注于内容而不需要过多考虑前端样式的开发者们。",2,"2026-06-11 02:38:48","top_all"]