open-index/open-npm huggingface dataset:
npm package: @solahidris/solcn
Description: A CLI for adding beautiful 3D components to your project
Author: solahidris
Latest version: 1.2.1

# solcn

A CLI for adding beautiful 3D components to your project. Inspired by shadcn/ui.

## Usage

Initialize solcn in your project:

```bash
npx @solahidris/solcn@latest init
```

Add components to your project:

```bash
npx @solahidris/solcn@latest add 3d-card
```

## Available Components

- **3d-card** - Interactive 3D card with holographic effects

## How it Works

Unlike traditional npm packages, solcn copies the component source code directly into your project. This gives you:

- ✅ Full control over the code
- ✅ No external dependencies to manage
- ✅ Easy customization
- ✅ Copy-paste friendly

## Example

After running `npx @solahidris/solcn init` and `npx @solahidris/solcn add 3d-card`:

```jsx
import { ThreeDCard } from '@/components/ui/3d-card';

export default function Home() {
  return (
    <div style={{ width: '300px' }}>
      <ThreeDCard 
        img="https://example.com/image.jpg"
        backimg="https://example.com/back.jpg"
      />
    </div>
  );
}
```

## Component Props

### ThreeDCard

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `img` | `string` | Required | Front image URL |
| `backimg` | `string` | Same as `img` | Back image URL |
| `disableClickEnlarge` | `boolean` | `false` | Disable click-to-enlarge |
| `disableHoverCardGlow` | `boolean` | `false` | Disable hover glow effect |

## License

MIT

## Author

solahidris
npm package: @solaldr/emitter
Description: [![Maintainability](https://api.codeclimate.com/v1/badges/cb31cd965230a2c407c0/maintainability)](https://codeclimate.com/github/SolalDR/emitter/maintainability) ![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/@solaldr/emitter) ![npm bu
Latest version: 0.2.2

# Emitter

[![Maintainability](https://api.codeclimate.com/v1/badges/cb31cd965230a2c407c0/maintainability)](https://codeclimate.com/github/SolalDR/emitter/maintainability)
![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/@solaldr/emitter)
![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@solaldr/emitter)

An abstract class to implement event system

[Documentation](https://solaldr.github.io/emitter/index.html) — [Source](https://github.com/SolalDR/emitter)

## How to install 

With npm:
```
npm install @solaldr/emitter
```

With yarn:
```
yarn add @solaldr/emitter
```

## How to use

A simple example to create a bus.

``` javascript
import Emitter from "emitter"

class ObjectEventable extends Emitter {
    constructor() {
        super();
        this.list = [];
    }

    add(item) {
        this.list.push(item);
        this.emit('add');
    }
}


var a = new ObjectEventable();
a.on('add', () => {
    console.log('Item added');
})

a.add('Test') // Should output 'Item added' in console 
```

A simple example to create a bus.

``` javascript
import Emitter from "emitter"

class Bus extends Emitter {
    constructor() {
        super();
    }
}

export default new Bus();
```