open-index/open-npm huggingface dataset:
npm package: @programmer-molor/my-icons
Description: A collection of 200+ customizable React icons with TypeScript support
Author: Programmer Molor
Latest version: 1.0.2

# @programmer-molor/my-icons

A collection of 200+ customizable React icons with TypeScript support.

## Installation

```bash
npm install @programmer-molor/my-icons
```

or with yarn:

```bash
yarn add @programmer-molor/my-icons
```

## Usage

```tsx
import { HomeIcon, UserIcon, SettingsIcon } from "@programmer-molor/my-icons";

function App() {
  return (
    <div>
      <HomeIcon size={24} color="blue" />
      <UserIcon size={32} color="#333" />
      <SettingsIcon className="my-icon" />
    </div>
  );
}
```

## Props

All icons accept the following props:

| Prop        | Type               | Default          | Description            |
| ----------- | ------------------ | ---------------- | ---------------------- |
| `size`      | `number \| string` | `24`             | Icon size in pixels    |
| `color`     | `string`           | `"currentColor"` | Icon color             |
| `className` | `string`           | `""`             | Additional CSS classes |
| `onClick`   | `() => void`       | -                | Click handler          |

## Available Icons

This library includes 200+ icons including:

- **Navigation**: HomeIcon, MenuIcon, ArrowUpIcon, ChevronDownIcon, etc.
- **Actions**: SearchIcon, EditIcon, TrashIcon, SaveIcon, etc.
- **Media**: PlayIcon, PauseIcon, VolumeIcon, CameraIcon, etc.
- **Social**: HeartIcon, StarIcon, ShareIcon, ThumbsUpIcon, etc.
- **Devices**: SmartphoneIcon, LaptopIcon, MonitorIcon, etc.
- **And many more!**

## Custom Icons

You can also create custom icons using the `IconBase` component:

```tsx
import { IconBase, IconProps } from "@programmer-molor/my-icons";

const MyCustomIcon: React.FC<IconProps> = (props) => (
  <IconBase {...props}>
    <path d="M12 2L2 7l10 5 10-5-10-5z" />
    <path d="M2 17l10 5 10-5M2 12l10 5 10-5" />
  </IconBase>
);
```

## License

MIT © Programmer Molor
npm package: @programmer-molor/ui-components
Description: Beautiful React UI components built with Tailwind CSS
Author: Gilang
Latest version: 1.0.3

# @programmer-molor/ui-components

A collection of 18+ customizable React UI components with Tailwind CSS support.

## Installation

```bash
npm install @programmer-molor/ui-components
```

or with yarn:

```bash
yarn add @programmer-molor/ui-components
```

## Usage

```tsx
import { Button, Card, Modal, Input } from "@programmer-molor/ui-components";
import "@programmer-molor/ui-components/style.css";

function App() {
  return (
    <Card>
      <Button variant="primary" size="md">
        Click me
      </Button>
      <Input placeholder="Type here..." />
    </Card>
  );
}
```

## Props

All components accept the following props:

| Prop        | Type        | Default | Description            |
| ----------- | ----------- | ------- | ---------------------- |
| `className` | `string`    | `""`    | Additional CSS classes |
| `children`  | `ReactNode` | -       | Component children     |

## Available Components

This library includes 18+ components including:

- **Buttons**: `Button` - Primary, secondary, outline variants
- **Form Controls**: `Input`, `Checkbox`, `Select`, `Textarea`, `Switch`, `Slider`
- **Feedback**: `Alert`, `Modal`, `Progress`, `Tooltip`
- **Layout**: `Card`, `CardHeader`, `CardBody`, `CardFooter`
- **Navigation**: `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent`
- **Data Display**: `Badge`, `Avatar`, `Accordion`
- **Utilities**: `PropsTable`, `CodePreview`

## Custom Components

You can customize components using the provided props:

```tsx
import { Button, Card, Alert } from "@programmer-molor/ui-components";

const MyComponent = () => {
  return (
    <Card className="p-4">
      <Alert variant="success">Operation completed successfully!</Alert>
      <Button variant="primary" size="lg" className="mt-4">
        Continue
      </Button>
    </Card>
  );
};
```

## Peer Dependencies

This library requires the following peer dependencies:

- `react`: ^18.0.0 || ^19.0.0
- `react-dom`: ^18.0.0 || ^19.0.0

## License

MIT © [Gilang](https://github.com/gilangherdiansyah80)