Install Bulma and React in 30 Seconds
路 9 min read
Want to build a React app with Bulma CSS in 2025? Forget the 10-step tutorials. Skip the configuration hell. Just run one command and start coding.
One command. Under 30 seconds. You're building.
Meet bestax-bulma: Modern React Components for Bulma CSS v1
路 4 min read
Hey React developers! 馃憢 Are you looking for a modern, actively maintained component library for Bulma CSS? Let me introduce you to bestax-bulma (pronounced "bee-stacks"), a TypeScript-first React component library that brings the full power of Bulma v1 to your React applications.
Opensource! Free as in beer馃嵑
Configurable and Themeable
路 10 min read
We're excited to announce version 2.0.0 of @allxsmith/bestax-bulma, bringing powerful new configuration and theming capabilities that fully embrace Bulma v1's modern approach to CSS customization.
This release introduces two major features that transform how you can customize and integrate Bulma components: ConfigProvider for global component configuration (including CSS class prefixing), and Theme for comprehensive CSS variable-based theming.
With ConfigProvider, you can now globally configure all bestax-bulma components using the useConfig hook, enabling seamless integration with other CSS frameworks through class prefixing. The new Theme component allows you to customize Bulma's appearance using CSS variables at both global and scoped nested levels, giving you unprecedented control over your design system.
2.x.x compatible with 1.x.x
We need to address an important note about versioning: we accidentally bumped this release to 2.0.0 instead of the intended 1.2.0. This became a major release due to a semantic-release configuration issue, when it should have been a minor release.
However, all changes are completely backward compatible - version 2.x.x is fully compatible with 1.x.x. We decided it's easier to move forward with the new version number rather than create confusion with republishing.
First full release
路 One min read
We completed the first full release, with a react component per each Bulma component.
The first release is published under @allxsmith/bestax-bulma.
info
The package name changed from bestax-lib to bestax-bulma to help users search and find the project.
We reset the package version number from 1.x and 2.x to 1.0.0 since this is the first true release under the new package name.
Generating docs with Typedoc
路 One min read
Guess what? We finally have typedoc running and generating documentation for our project.
New Bulma Components - Delete, Icon, Image, Notification, Progress
路 One min read
We've added a few components representing Bulma elements
- Delete
- Icon
- Image
- Notication
- Progress bars
New Bulma Components - Block, Box, Content, Button
路 One min read
We've added a few components representing Bulma elements
- Block
- Box
- Content
- Button
Bulma Helper
路 One min read
We've add a react hook that turns properties into bulma helper classes. It's pretty cool. You can add this to any custom component to leverage Bulma helper classes through properties.
All of the components in this package use this helper useBulmaClasses.
Changeset Action Signed Pull Request
路 One min read
After much suffering, GPG signing on the PRs is finally working.
Changeset Action
路 One min read
As the second phase of versioning. We integrated changesets into the CI/CD.