Prerequisites

BigBlocks components are designed to work with React applications. Make sure you have:

• React 18 or later
• Tailwind CSS v4
• TypeScript (recommended)

Installation

BigBlocks provides a CLI tool to easily add components to your project.

Using the CLI

Install components directly from the registry:

npmyarnpnpmbun
npx shadcn@latest add https://bigblocks-registry.vercel.app/r/step-indicator.json
Copy

Manual Installation

npmyarnpnpmbun
npm install bigblocks
Copy

Configuration

Tailwind CSS

BigBlocks requires Tailwind CSS v4. Add the following to your tailwind.config.js:

Copy/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    // ... your content paths
    "./node_modules/bigblocks/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

TypeScript

BigBlocks is written in TypeScript and provides full type definitions. No additional configuration is required.

Next Steps

• Check out the CLI documentation for advanced usage
• Browse available components
• Learn about theming and customization