DEV Community

Cover image for Install Bulma and React in 30 Seconds
Alex Smith
Alex Smith Subscriber

Posted on • Originally published at bestax.io

Install Bulma and React in 30 Seconds

#react #bulma #vite #cli

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
Enter fullscreen mode Exit fullscreen mode

Select Javascript or Typescript

Select Javascript or Typescript

Select your bulma flavor

Select the Bulma Flavor

Select your favorite Icon library

Choose from an Icon framework

Just about done...

CLI is 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
Enter fullscreen mode Exit fullscreen mode

The end result

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
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode

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

Top comments (0)