Welcome to Bestax-Bulma

AI-Ready

Bring Bestax to your AI tools

Point your coding assistant at machine-readable docs today — with agent skills and an MCP server on the way.

LLM-ready docs

Token-friendly, plain-text documentation a model can read in full — point Claude, Cursor, Copilot, or ChatGPT straight at it.

View llms.txt →

Coming soon

Agent skills

Drop-in skills that teach coding agents the Bestax way — composing fields, layouts, and whole components without hand-holding.

Coming soon

MCP server

A Model Context Protocol endpoint so agents can query component props, variants, and live examples while they build.

Latest Bulma V1

Fully supports Bulma v1.x, unlike outdated alternatives stuck on older versions. Enjoy the newest features, improvements, and compatibility without compromises.

Lightweight and Efficient

Ultra-lightweight: Only 21KB gzipped. 3-20x smaller than most React UI libraries. Just one dependency — Bulma — shipped automatically. Clean installs, reduced bundle size, and fewer security concerns.

Developer-Friendly

100% TypeScript, 99% unit test coverage: Reliable, stable components you can trust. 100% Bulma implementation: Access every Bulma element, layout, and component as native React pieces.

New in Bulma v1

Brand new components from the latest Bulma v1, available now in Bestax-Bulma — every demo below is the real component, rendered live.

Bulma Supported Components

Elements

Basic Bulma elements made available as React components for fast, consistent UIs.

Block Box Button Buttons Content Delete Icon IconText Image Notification Progress Skeleton Table Tag Tags Title SubTitle

Components

Reusable UI widgets and navigation components for building interactive applications.

Breadcrumb Card Dropdown Menu Message Modal Navbar Pagination Panel Tabs/Tab

Form

Accessible, fully styled form controls and layout, supporting all Bulma modifiers.

Field Control Input TextArea Select File Radio & Radios Checkbox & Checkboxes

Layout

High-level layout primitives for structuring your app and pages.

Container Section Hero Level Media Footer

Columns

Responsive and flexible row-column layouts using Bulma’s columns system.

Columns Column

Grid

CSS Grid support, using Bulma’s new grid utilities for advanced layouts.

Grid Cell

Helpers

Little helpers for translating properties to Bulma classes, recommended for custom Bulma-powered components.

classNames ConfigProvider Theme useBulmaClasses

Gaps, filled

The elements Bulma skips

Bulma styles its own elements but leaves everyday semantic HTML untouched. Bestax fills the gaps — every tag below is a real React component with the same Bulma helper props.

<a>Link

Beyond Bulma

Enhanced Add-Ons

Original Bestax-Bulma components that go beyond the Bulma spec — built with the same props, helpers, and theming as everything else.

LinkButton

A button that dresses like a link — semantics of a button, look of an anchor.

Carousel

Slide any content with autoplay, drag, arrows, and indicators.

Collapse

Smoothly expanding panels for accordions and FAQs.

Dialog

Confirmation and alert dialogs with customizable actions.

Loading

Spinner overlays for full pages or single containers.

Sidebar

Slide-out navigation panels from either edge.

Steps

Multi-step progress for wizards and checkouts.

Toast

Brief stacking notifications with a programmatic API.

Tooltip

Hover hints in any direction and color.

Advanced Form Controls

Form controls Bulma never shipped — autocomplete, switches, sliders, ratings, and tag inputs, all speaking fluent Bulma.

Date & Time Pickers

Three pickers, one consistent API. Pick a tile to drop it into a real form and watch it fill itself in — then hover to try it yourself.

Read the DateInput docs →

How to Pronounce Bestax

“bee-stacks”

The name combines “B” (for Bulma) + “stacks” (component stacks), creating a memorable name that reflects building UIs with stacked Bulma components.