Pixelblock-native NPM

Pixelblock CLI

A command-line tool for installing pre-built React Native UI components.

Installation

# Install globally
npm install -g pixelblock-cli

# Or use with npx
npx pixelblock-cli

Quick Start

# List available components
pixelblock list

# Add a component
pixelblock add

Commands

`pixelblock list`

Lists all available components with descriptions.

`pixelblock add`

Interactive prompt to select and install a component.

Component Installation

Components are installed in your React Native project under the /components/ui/ directory. For example:

your-react-native-app/
├── components/
│   └── ui/
│       └── Button/
│           ├── index.js
│           ├── Button.js
│           └── styles.js

Usage Example

import Button from './components/ui/Button';

function MyScreen() {
  return (
    <Button
      title="Press Me"
      onPress={() => {}}
      variant="primary"
      size="medium"
    />
  );
}

Local Development

# Clone the repository
git clone https://github.com/yourusername/pixelblock-cli

# Install dependencies
npm install

# Link for local testing
npm link

# Test the CLI
pixelblock list