The Future is httpyac, Not Postman AI writes .http files in seconds. Plain text, version controlled, no context switching. Postman? GUI clicks AI can’t touch. Bruno tries but httpyac’s pure text approach wins. Text-based tools dominate the AI era. 🔥

Alex Smith — Sat, 24 Jan 2026 16:50:46 +0000

AI is Killing COTS Software Hot take: AI one-shots open source problems because it trained on millions of examples. COTS? Zero training data, sparse examples, cold start every time. Your AI assistant is basically guessing. OSS + AI wins. 🤖

Alex Smith — Sat, 24 Jan 2026 16:48:02 +0000

The fastest and easiest way to setup React with Bulma and Vite.

Alex Smith — Sun, 16 Nov 2025 19:56:14 +0000

Install Bulma and React in 30 Seconds

Alex Smith ・ Nov 16

#react #bulma #vite #cli

Install Bulma and React in 30 Seconds

Alex Smith — Sun, 16 Nov 2025 04:28:52 +0000

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.

TL;DR - The Fastest Way

npm create bestax@latest my-app

Select Javascript or Typescript

Select your bulma flavor

Select your favorite Icon library

Just about done...

Wait, that's it?

Okay there is one other thing, you have to install your dependencies and start the dev server.

cd my-app
npm install
npm run dev

Start with src/App.tsx or src/App.js, and begin your journey!

That's it. You now have a production-ready React + Bulma application powered by Vite, with Javascript/TypeScript support, icon libraries, and the full power of @allxsmith/bestax-bulma at your fingertips.

Or, if you want even less interaction:

npm create bestax@latest my-app -y

The -y flag uses all the defaults and gets you up and running in literal seconds.

Want your AI agent to do it for you? Just tell Claude, ChatGPT, or your favorite coding assistant:

Use create-bestax to scaffold a new React + Bulma project

And watch it happen.

NPM

Checkout package on NPM [https://www.npmjs.com/package/create-bestax]

That was quick!

👤 Follow me @allxsmith for updates!

⭐ Feel free to star the repository if you find it helpful!

Have questions or feedback? Create an issue or start a discussion on GitHub for new ideas!

Originally published on bestax.io

Meet bestax-bulma: Modern React Components for Bulma CSS v1

Alex Smith — Sun, 09 Nov 2025 00:48:00 +0000

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🍺

Why Another Bulma React Library?

Great question! While there are other Bulma React libraries out there, many haven't been updated for Bulma v1 or are no longer actively maintained. bestax-bulma fills this gap with:

🎯 Full Bulma v1 Support: Built specifically for the latest Bulma version
📊 99% Test Coverage: Every component thoroughly tested with React Testing Library
🔷 TypeScript-First: Complete type safety with comprehensive TypeScript definitions
🚀 Modern Build: Tree-shakeable ESM and CJS builds for optimal bundle sizes
📚 Rich Documentation: Comprehensive API docs and getting started guides available at bestax.io
⚡ Active Development: Regular updates and responsive maintenance

Quick Start in 2 Minutes

Getting started is as simple as:

npm install @allxsmith/bestax-bulma bulma

Then import and use components:

import { Button, Card, Hero } from '@allxsmith/bestax-bulma';
import 'bulma/css/bulma.min.css';

function App() {
  return (
    <Hero color="primary">
      <Hero.Body>
        <Card>
          <Card.Header>
            <Card.Header.Title>Welcome to bestax-bulma!</Card.Header.Title>
          </Card.Header>
          <Card.Content>
            <p>Modern React components for Bulma CSS v1</p>
            <Button color="success">Get Started</Button>
          </Card.Content>
        </Card>
      </Hero.Body>
    </Hero>
  );
}

🚀 Try this live on StackBlitz →

Showcasing Bulma v1's New Features

🦴 Skeleton Loading States

Bulma v1 introduced the Skeleton component for beautiful loading states.

First you will see a pulsing skeleton:

Then the skeleton is replaced with the content:

import { Card } from '@allxsmith/bestax-bulma';
import { useState, useEffect } from 'react';

function LoadingCard() {
  const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    const timer = setInterval(() => {
      setIsLoading(prev => !prev);
    }, 2000);
    return () => clearInterval(timer);
  }, []);

  return (
    <Card skeleton={isLoading}>
      <Card.Content>
        <p>Your content here!</p>
      </Card.Content>
    </Card>
  );
}

🚀 Try this live on StackBlitz →

🎨 CSS Grid Support

Take advantage of Bulma's new CSS Grid components for modern layouts:

import { Grid, Cell, Card } from '@allxsmith/bestax-bulma';

function Dashboard() {
  return (
    <Grid>
      <Cell><Card>Cell 1</Card></Cell>
      <Cell><Card>Cell 2</Card></Cell>
      <Cell><Card>Cell 3</Card></Cell>
      <Cell><Card>Cell 4</Card></Cell>
      <Cell><Card>Cell 5</Card></Cell>
      <Cell><Card>Cell 6</Card></Cell>
      <Cell><Card>Cell 7</Card></Cell>
      <Cell><Card>Cell 8</Card></Cell>
      <Cell><Card>Cell 9</Card></Cell>
    </Grid>
  );
}

🚀 Try this live on StackBlitz →

🌈 Dynamic HSL Theming

Bulma v1's HSL color system enables dynamic theming:

import { Theme, Button } from '@allxsmith/bestax-bulma';

function ThemedApp() {
  return (
    <Theme primaryH="280" primaryS="100%" primaryL="45%">
      <Button color="primary">Themed Button</Button>
    </Theme>
  );
}

🚀 Try this live on StackBlitz →

Why Developers Love bestax-bulma

1. Compound Components Pattern

We use the compound components pattern for intuitive, readable code:

import { Modal, Button } from '@allxsmith/bestax-bulma';
import { useState } from 'react';

function ModalExample() {
  const [showModal, setShowModal] = useState(false);
  const closeModal = () => setShowModal(false);

  return (
    <>
      <Button color="primary" onClick={() => setShowModal(true)}>
        Open Modal
      </Button>
      <Modal isActive={showModal}>
        <Modal.Background onClick={closeModal} />
        <Modal.Card>
          <Modal.Card.Head>
            <Modal.Card.Title>Intuitive API</Modal.Card.Title>
            <Modal.Close onClick={closeModal} />
          </Modal.Card.Head>
          <Modal.Card.Body>
            Components that make sense!
          </Modal.Card.Body>
          <Modal.Card.Foot>
            <Button color="primary" onClick={closeModal}>
              Close
            </Button>
          </Modal.Card.Foot>
        </Modal.Card>
      </Modal>
    </>
  );
}

🚀 Try this live on StackBlitz →

2. TypeScript Autocomplete Heaven

Every prop is fully typed, giving you incredible IDE support:

// Full autocomplete for colors, sizes, and more
<Button
  color="primary"  // 'primary' | 'link' | 'info' | 'success' | ...
  size="large"     // 'small' | 'normal' | 'medium' | 'large'
  isLoading
  isOutlined
/>

3. Zero Configuration

Unlike many CSS-in-JS solutions, bestax-bulma works with standard Bulma CSS. No build configuration, no CSS extraction, just import and go!

Try It Live

Want to see bestax-bulma in action? Check out bestax.io for comprehensive examples and interactive documentation. Storybook is also available for browsing individual component variations.

Comparison with Alternatives

Feature	bestax-bulma	react-bulma-components	rbx	bulma-react
Bulma v1 Support	✅	❌	❌	❌
TypeScript	✅ Built-in	⚠️ Separate	✅	❌
Test Coverage	99%	~70%	~100%	Unknown
Active Maintenance	✅ 2025	⚠️ 2021	❌ 2019	❌ 2015
Tree Shaking	✅	✅	✅	❌
Compound Components	✅	❌	✅	❌
Comprehensive Docs	✅	❌	⚠️ Partial	❌
Real CSS Grids	✅	❌	❌	❌
Configurable	✅	❌	❌	❌
Theme Support	✅	❌	❌	❌
Quick Start CLI	✅	❌	❌	❌

Get Started Today

Ready to modernize your Bulma React experience?

Install: npm install @allxsmith/bestax-bulma bulma
Explore: Check our documentation
Build: Start creating beautiful UIs with modern React patterns
Contribute: Join us on GitHub

What's Next?

This is just the beginning! In the next parts of this series, we'll dive deep into:

Part 2: Building Beautiful UIs with Bestax Components
Part 3: Forms, Data Display, and Advanced Patterns

👤 Follow me @allxsmith for updates!

⭐ Feel free to star the repository if you find it helpful!

Have questions or feedback? Create an issue or start a discussion on GitHub for new ideas!

Originally published on bestax.io

Forem: Alex Smith

The Future is httpyac, Not Postman AI writes .http files in seconds. Plain text, version controlled, no context switching. Postman? GUI clicks AI can’t touch. Bruno tries but httpyac’s pure text approach wins. Text-based tools dominate the AI era. 🔥

AI is Killing COTS Software Hot take: AI one-shots open source problems because it trained on millions of examples. COTS? Zero training data, sparse examples, cold start every time. Your AI assistant is basically guessing. OSS + AI wins. 🤖

The fastest and easiest way to setup React with Bulma and Vite.

Install Bulma and React in 30 Seconds

Alex Smith ・ Nov 16

Install Bulma and React in 30 Seconds

TL;DR - The Fastest Way

Select Javascript or Typescript

Select your bulma flavor

Select your favorite Icon library

Just about done...

Wait, that's it?

NPM

That was quick!

Meet bestax-bulma: Modern React Components for Bulma CSS v1

Why Another Bulma React Library?

Quick Start in 2 Minutes

Showcasing Bulma v1's New Features

🦴 Skeleton Loading States

🎨 CSS Grid Support

🌈 Dynamic HSL Theming

Why Developers Love bestax-bulma

1. Compound Components Pattern

2. TypeScript Autocomplete Heaven

3. Zero Configuration

Try It Live

Comparison with Alternatives

Get Started Today

What's Next?