open-index/open-npm huggingface dataset:
npm package: @sahillangoo/astro-ui
Description: A template library for Astro.js as an npm package using Tailwind CSS 4, DaisyUI 5, and Phosphor icons
Author: @sahillangoo
Latest version: 0.0.6

# Astro Starter Kit: Component Package

This is a template for an Astro component library. Use this template for writing components to use in multiple projects or publish to NPM.

```sh
npm create astro@latest -- --template component
```

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/non-html-pages)
[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/non-html-pages)
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/component/devcontainer.json)

## 🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

```text
/
├── index.ts
├── src
│   └── MyComponent.astro
├── tsconfig.json
├── package.json
```

The `index.ts` file is the "entry point" for your package. Export your components in `index.ts` to make them importable from your package.

## 🧞 Commands

All commands are run from the root of the project, from a terminal:

| Command       | Action                                                                                                                                                                                                                           |
| :------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `npm link`    | Registers this package locally. Run `npm link my-component-library` in an Astro project to install your components                                                                                                               |
| `npm publish` | [Publishes](https://docs.npmjs.com/creating-and-publishing-unscoped-public-packages#publishing-unscoped-public-packages) this package to NPM. Requires you to be [logged in](https://docs.npmjs.com/cli/v8/commands/npm-adduser) |
npm package: @sahilphondekar/react-component-library
Description: A customizable and reusable React component library built with Tailwind CSS for building modern, responsive web applications.
Author: Sahil Phondekar
Latest version: 1.0.4

# @sahilphondekar/react-component-library

Welcome to the **React Component Library**! This library provides a set of reusable and customizable components for building modern React applications. It aims to offer a consistent and flexible user interface for your web applications, with fully customizable components that can easily integrate with Tailwind CSS and can be customized to meet your specific project needs.

Whether you're building a dashboard, admin panel, or any other type of application, this library offers a collection of components like buttons, cards, modals, forms, icons, and more to streamline your development process.

## 🚀 Key Features

- **Reusable Components**: Easy-to-use components for common UI elements such as buttons, modals, cards, etc.
- **Tailwind CSS Integration**: Pre-configured to work seamlessly with Tailwind CSS for styling.
- **Customizable**: Extensive props and configuration options allow you to modify components according to your project requirements.
- **Mobile-First**: Components are responsive and work well across different screen sizes.
- **Accessible**: Focused on building accessible components for improved user experience.

## Installation

To get started with the library in your project, you can easily install it from npm.

### Step 1: Install the Library

Run the following command to install the component library into your React project:

```bash
npm install @sahilphondekar/react-component-library
```

If you're using Yarn, you can install it using:

```bash
yarn add @sahilphondekar/react-component-library
```

### Step 2: Import and Use Components

Once the package is installed, you can start using the components in your project. Here’s an example of how to import and use the `Button` component:

```jsx
import { Button } from "@sahilphondekar/react-component-library";

const MyComponent = () => (
  <Button color="blue" size="lg">
    Click Me
  </Button>
);
```

### Step 3: Styling with Tailwind CSS (Optional)

If you haven’t already set up Tailwind CSS in your project, you can follow the [official Tailwind CSS installation guide](https://tailwindcss.com/docs/installation) to configure it. The component library works seamlessly with Tailwind, so you can benefit from the utility-first styling out of the box.
npm package: @sahilsinghrana/tictactoe.js
Description: Tic Tac toe
Author: sahilsinghrana
Latest version: 1.0.0-beta

# TicTacToe.js

[![Publish Packages](https://github.com/sahilsinghrana/tictactoe.js/actions/workflows/publishPackages.yml/badge.svg?event=release)](https://github.com/sahilsinghrana/tictactoe.js/actions/workflows/publish.yml)

[![Publish typedocs](https://github.com/sahilsinghrana/tictactoe.js/actions/workflows/publishDocs.yml/badge.svg)](https://sahilsinghrana.github.io/tictactoe.js)

## Table of Contents

- [Install](#install)
- [Usage](#usage)
- [API](#api)
- [Examples](#examples)
- [License](#license)

## Install

```
npm install @sahilsinghrana/tictactoe.js
```

## Usage

```javascript
import TicTacToe from "@sahilsinghrana/tictactoe.js";

const game = new TicTacToe();
```

```javascript
const TicTacToe = require("@sahilsinghrana/tictactoe.js");
const game = new TicTacToe();
```

## Examples

[![Svelte](https://img.shields.io/badge/svelte-%23f1413d.svg?style=for-the-badge&logo=svelte&logoColor=white)](https://svelte.dev/) [![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/sahilsinghrana/tictactoeSvelte)
[![Github Pages](https://img.shields.io/badge/github%20pages-121013?style=for-the-badge&logo=github&logoColor=white)](https://sahilsinghrana.github.io/tictactoeSvelte/)

## API

[TypeDocs](https://sahilsinghrana.github.io/tictactoe.js)

## Maintainers

[@sahilsinghrana](https://github.com/sahilsinghrana)

## License

MIT © 2024 Sahil Singh Rana