open-index/open-npm huggingface dataset:
npm package: @mojoboss/timeapi
Description: api for linux and normal time
Author: mojoboss
Latest version: 1.0.2

<h3>Example usage:</h3>
<h2>Passing date as query parameters-</h2>
<ul>
<li>https://immense-ridge-50975.herokuapp.com/December%2015,%202015</li>
<li>https://immense-ridge-50975.herokuapp.com/1450137600</li>
</ul>
<h3>Example output:</h3>
<ul>
    {
      "unix": 1450137600,
      "natural": "December 15, 2015"
    }
</ul>
npm package: @mojoboss/user_agent_request_header_parser_api
Description: Parses user agent request header
Author: mojoboss
Latest version: 1.0.0

<h2>Request header parser-</h2>
<h3>Example usage:</h3>
<ul>
<li>https://serene-waters-77746.herokuapp.com/api/whoami</li>
</ul>
<h3>Example output:</h3>
<ul>
    {
	"ip-address":"::ffff:127.0.0.1",
	"language":"en-US,en;q=0.8",
	"software":"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.82 Safari/537.36"
    }
</ul>
npm package: @mojocss/capsule-example
Description: An example capsule showcasing how to create components, use options, add utilities to Mojo CSS.
Author: Mojo CSS framework team. mojocss.com
Latest version: 1.0.0

# Mojo CSS Capsule Example

An example showcasing how to create components, use options and add utilities to Mojo CSS using capsules. <br>
This capsule will add a button component and `s-[*]` utilities to your project.

## Usage

#### NPM

1. Install the capsule package via npm:

```bash
npm install @mojocss/capsule-example
```

2. Import the `capsuleExample` function from the installed package:

```javascript
import capsuleExample from "@mojocss/capsule-example";
```

3. Add the capsule to your Mojo config:

```javascript
mojo({
  // Mojo CSS Config
  capsules: [capsuleExample],
});
```

Alternatively, you can configure specific options:

```javascript
mojo({
  // Mojo CSS Config
  capsules: [
    {
      capsule: capsuleExample,
      options: {
        rounded: 5, // Border radius
        px: 6, // Padding left and right
        height: "2.5rem", //  Button Height
        text: 100, // Font size (100 = 1rem)
        textW: 400, // Font weight
      },
    },
  ],
});
```

#### CDN

```html
<script src="https://unpkg.com/@mojocss/capsule-example"></script>
```

and then

```javascript
mojo({
  // Mojo CSS Config
  capsules: [capsuleExample],
});
```

## Button

This is how you use the button:

```html
<button class="m-button"><span>My Button</span></button>
```

Use any color you want:

```html
<button class="m-button bg-c-blue"><span>My Button</span></button>
```

## Square utility

Using this utility you can control both width and height of an element.

```html
<!-- s-6 ==> w-6 h-6 -->
<div class="s-6">...</div>
```

## Related Resources

- [Mojo CSS](https://mojocss.com)
- [Capsules Documentation](https://mojocss.com/docs/config/capsules)
npm package: @mojocss/material-symbols
Description: Integrate Google Material Symbols effortlessly into your Mojo CSS projects.
Author: Mojo CSS framework team. mojocss.com
Latest version: 1.0.0

# Material Symbols Capsule for Mojo CSS

Integrate Google Material Symbols effortlessly into your Mojo CSS projects.

## Usage

#### NPM

1. Install the capsule package via npm:

```bash
npm install @mojocss/material-symbols
```

2. Import the `capsuleExample` function from the installed package:

```javascript
import materialSymbols from "@mojocss/material-symbols";
```

3. Add the capsule to your Mojo config:

```javascript
mojo({
  // Mojo CSS Config
  capsules: [materialSymbols],
});
```

Alternatively, you can configure specific options:

```javascript
mojo({
  // Mojo CSS Config
  capsules: [
    {
      capsule: materialSymbols,
      options: {
        type: ["Outlined","Rounded","Sharp"], // Array of icon styles | Default ["Outlined"]
        fill: "both", // true, false, "both" | Default "both"
        weight: 400, // 100...700 | Default 400
        grade: 0, // -25...200 | Default 0
        size: 24, // 20...48 | Default 48
      },
    },
  ],
});
```

#### CDN

```html
<script src="https://unpkg.com/@mojocss/material-symbols"></script>
```

and then

```javascript
mojo({
  // Mojo CSS Config
  capsules: [materialSymbols],
});
```

## Usage

For outlined use:
```html
<span class="material-symbols-outlined">
home
</span>
```

For rounded use:
```html
<span class="material-symbols-rounded">
home
</span>
```

For sharp use:
```html
<span class="material-symbols-sharp">
home
</span>
```

When the fill option is set to `"both"`, you can use the `symbols-filled` class to fill the icon:

```html
<span class="material-symbols-outlined symbols-filled">
home
</span>
```


## Related Resources

- [More Info and Icons List](https://fonts.google.com/icons)
- [Capsules Documentation](https://mojocss.com/docs/config/capsules)
npm package: @mojocss/nuxt
Description: Mojo CSS Nuxt module
Latest version: 1.0.3

# Mojo Nuxt Module

✨ [Mojo CSS](https://mojocss.com) module for [Nuxt](https://nuxt.com).


## Features

- 👌&nbsp; Zero configuration to start
- ⚡️&nbsp; Hybrid rendering: Static CSS Generation & dynamic styling

## Quick Setup

1. Add `@mojocss/nuxt` dependency to your project

```bash
# Using pnpm
pnpm add -D @mojocss/nuxt

# Using yarn
yarn add --dev @mojocss/nuxt

# Using npm
npm install --save-dev @mojocss/nuxt
```

2. Add `@mojocss/nuxt` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: ["@mojocss/nuxt"],
});
```

That's it! You can now use Mojo CSS in your Nuxt app ✨
npm package: @mojocss/remixicon
Description: This capsule allows you to easily integrate RemixIcon, a popular icon library, into your Mojo CSS projects.
Author: Mojo CSS framework team. mojocss.com
Latest version: 1.0.0

# Remix Icon for Mojo CSS

This capsule allows you to easily integrate RemixIcon, a popular icon library, into your [Mojo CSS](https://mojocss.com/) projects.
## Usage

#### NPM

1. Install the capsule package via npm:

```bash
npm install @mojocss/remixicon
```

2. Import the `remixiconCapsule` function from the installed package:

```javascript
import remixiconCapsule from "@mojocss/remixicon";
```

3. Add the capsule to your Mojo config:

```javascript
mojo({
  // Mojo CSS Config
  capsules: [remixiconCapsule],
});
```

Alternatively, you can configure specific options:

```javascript
mojo({
  // Mojo CSS Config
  capsules: [
    {
      capsule: remixiconCapsule,
      options: {
        version: "5.3.2", // remixicon version
      },
    },
  ],
});
```

#### CDN

```html
<script src="https://unpkg.com/@mojocss/remixicon"></script>
```

and then

```javascript
mojo({
  // Mojo CSS Config
  capsules: [remixiconCapsule],
});
```

## Usage

After importing the capsule, you can use its icons in your HTML markup:

```html
<i class="ri-heart-fill"></i>
```

## Additional Information

- **Remix Icon**: You can find detailed documentation and icons list on the [official RemixIcon website](https://remixicon.com/).
- **MojoCSS Capsules**: You can find more information about capsules on the [MojoCSS documentation](https://mojocss.com/docs/config/capsules).