open-index/open-npm huggingface dataset:
npm package: @glinui/motion
Description: Animation presets for Glin UI. CSS keyframe definitions, scroll-linked animations, stagger utilities, and gesture helpers.
Latest version: 0.1.1

# @glinui/motion

Animation presets for Glin UI. CSS keyframe definitions, scroll-linked animations, stagger utilities, and gesture helpers.

## Install

```bash
npm install @glinui/motion
```

## Usage

```tsx
import { fadeIn, slideUp, glassHover } from "@glinui/motion"

// Use with inline styles or animation libraries
const animation = fadeIn({ duration: 300, delay: 100 })
```

## Modules

- **Presets** — `fadeIn`, `slideUp`, `scaleIn`, `glassHover`, `spotlightPulse`
- **Stagger** — Utilities for staggered entrance animations
- **Scroll-linked** — Scroll-driven animation helpers
- **Gestures** — Hover, press, and drag interaction presets
- **View Transitions** — View Transition API utilities

## Documentation

[glinui.com/docs/motion](https://glinui.com/docs/motion)

## License

MIT
npm package: @glinui/registry
Description: Component metadata registry for Glin UI. Used internally by the CLI and docs site to resolve component dependencies, file paths, and install commands.
Latest version: 0.1.1

# @glinui/registry

Component metadata registry for Glin UI. Used internally by the CLI and docs site to resolve component dependencies, file paths, and install commands.

## Install

```bash
npm install @glinui/registry
```

## Usage

```tsx
import { baseRegistry, getRegistryItem } from "@glinui/registry"

const button = getRegistryItem("button")
// { name: "button", type: "primitive", dependencies: [...], ... }

console.log(baseRegistry.length) // 76 components
```

## Documentation

[glinui.com](https://glinui.com)

## License

MIT
npm package: @glinui/tokens
Description: Design tokens for Glin UI. OKLCH color system, glass elevation levels, blur tiers, and shadow primitives.
Latest version: 0.1.1

# @glinui/tokens

Design tokens for Glin UI. OKLCH color system, glass elevation levels, blur tiers, and shadow primitives.

## Install

```bash
npm install @glinui/tokens
```

## Usage

Import the CSS theme in your app entry:

```tsx
import "@glinui/tokens/theme.css"
```

Use tokens in your Tailwind classes or CSS:

```css
.my-card {
  background: var(--glass-3-surface);
  box-shadow: var(--glass-3-shadow);
  border-top-color: var(--glass-refraction-top);
  backdrop-filter: blur(var(--glass-blur-md));
}
```

## Token Categories

- **Colors** — OKLCH: `--color-background`, `--color-foreground`, `--color-accent`, etc.
- **Glass surfaces** — 5 elevation levels: `--glass-{1-5}-surface`, `--glass-{1-5}-shadow`
- **Blur tiers** — `--glass-blur-sm/md/lg/xl`
- **Shadows** — `--shadow-glass-sm/md/lg`
- **Refraction** — `--glass-refraction-top` for top edge highlight

## Documentation

[glinui.com/docs/tokens](https://glinui.com/docs/tokens)

## License

MIT
npm package: @glinui/ui
Description: Liquid Glass component library for React. 76 components with glassmorphic variants, built on Radix UI and Tailwind CSS.
Latest version: 0.1.1

# @glinui/ui

Liquid Glass component library for React. 76 components with glassmorphic variants, built on Radix UI and Tailwind CSS.

## Install

```bash
npm install @glinui/ui @glinui/tokens
```

## Usage

```tsx
import { Button, GlassCard, Input } from "@glinui/ui"

export function Example() {
  return (
    <GlassCard>
      <Input variant="glass" placeholder="Email" />
      <Button variant="glass">Submit</Button>
    </GlassCard>
  )
}
```

## Features

- 76 components (primitives + signature effects)
- Glass, liquid, matte, glow, and outline variants
- Built on Radix UI for accessibility
- Tailwind CSS styling with design tokens
- Reduced-motion fallbacks
- React 18/19 compatible

## CLI

Add individual components to your project:

```bash
npx glinui add button glass-card input
```

## Documentation

[glinui.com](https://glinui.com)

## License

MIT
npm package: @glipecki/optional
Description: Optional implementation for TypeScript projects
Author: Grzegorz Lipecki
Latest version: 0.14.0

# optional.ts

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/07941684e9ed4a4aab38220b749fe28d)](https://app.codacy.com/app/glipecki/optional-ts?utm_source=github.com&utm_medium=referral&utm_content=glipecki/optional-ts&utm_campaign=badger)
[![Coverage Status](https://coveralls.io/repos/github/glipecki/optional-ts/badge.svg?branch=master)](https://coveralls.io/github/glipecki/optional-ts?branch=master)
[![Build Status](https://travis-ci.org/glipecki/optional-ts.svg?branch=master)](https://travis-ci.org/glipecki/optional-ts)
[![Greenkeeper badge](https://badges.greenkeeper.io/glipecki/optional-ts.svg)](https://greenkeeper.io/)
[![BCH compliance](https://bettercodehub.com/edge/badge/glipecki/optional-ts?branch=master)](https://bettercodehub.com/results/glipecki/optional-ts)
[![Known Vulnerabilities](https://snyk.io/test/github/glipecki/optional-ts/badge.svg)](https://snyk.io/test/github/glipecki/optional-ts)
npm package: @glister/currency-utils
Description: Lightweight, tree-shakable currency and number formatting utilities
Latest version: 1.0.2


# @glister/currency-utils

Lightweight, zero-dependency currency and number formatting utilities built on
the native `Intl` API.

- Auto locale detection  
- Configurable default currency per project  
- Tree-shakable (ESM)  
- TypeScript-first  
- Works in browser, Node.js, and Next.js (SSR-safe)

---

## Installation

```bash
npm install @glister/currency-utils
# or
pnpm add @glister/currency-utils
# or
yarn add @glister/currency-utils
````

---

## Quick Start

```ts
import {
  formatCurrency,
  formatCompact,
  formatCompactCurrency,
  formatNumber,
  formatPercent,
} from '@glister/currency-utils';

formatCurrency(1500);          // $1,500.00
formatCompact(1500000);        // 1.5M
formatCompactCurrency(1500);   // $1.5K
formatNumber(1234567);         // 1,234,567
formatPercent(0.075);          // 7.5%
```

---

## Project-level Configuration

You can configure the default currency and locale **once per project in your main entrypoint: app.ts main.tsx main.jsx main.js. etc**.

```ts
import { setCurrencyConfig } from '@glister/currency-utils';

setCurrencyConfig({
  currency: 'NGN',
  locale: 'en-NG',
});
```
---

### On the Next.js codebase

Call `setCurrencyConfig` inside a client component or provider:

```ts
'use client';

import { useEffect } from 'react';
import { setCurrencyConfig } from '@glister/currency-utils';

useEffect(() => {
  setCurrencyConfig({ currency: 'NGN', locale: 'en-NG' });
}, []);
```

---

After this, **all formatters automatically respect the config**.
* Note!: NGN & en-NG is just an example which is Nigeria Currency and English.

---

```ts
formatCurrency(1000); // ₦1,000.00
```

---

## Auto Locale Detection

If no locale is provided, the library automatically detects the user’s locale
using the `Intl` API.

* Browser → user locale
* Node.js / SSR → safe fallback

---

## API Reference

### `formatCurrency(amount)`

Formats a number as currency.

```ts
formatCurrency(1200);
// $1,200.00
```

---

### `formatCompactCurrency(amount)`

Formats a currency value using compact notation.

```ts
formatCompactCurrency(1200);
// $1.2K
```

---

### `formatCompact(amount)`

Formats a number using compact notation.

```ts
formatCompact(1500000);
// 1.5M
```

---

### `formatNumber(amount)`

Formats a number with locale separators.

```ts
formatNumber(1000000);
// 1,000,000
```

---

### `formatPercent(amount, fractionDigits?)`

Formats a number as a percentage.

```ts
formatPercent(0.25);
// 25%
```

---

## TypeScript Support

This package is written in TypeScript and ships with full type definitions.

---

## Zero Dependencies

This library has **no external dependencies** and relies entirely on the
native `Intl` API.

---

## License

MIT

````
npm package: @glitch-txs/vite
Description: Native-ESM powered web dev build tool
Author: Evan You
Latest version: 5.3.11

# vite ⚡

> Next Generation Frontend Tooling

- 💡 Instant Server Start
- ⚡️ Lightning Fast HMR
- 🛠️ Rich Features
- 📦 Optimized Build
- 🔩 Universal Plugin Interface
- 🔑 Fully Typed APIs

Vite (French word for "fast", pronounced `/vit/`) is a new breed of frontend build tool that significantly improves the frontend development experience. It consists of two major parts:

- A dev server that serves your source files over [native ES modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules), with [rich built-in features](https://vitejs.dev/guide/features.html) and astonishingly fast [Hot Module Replacement (HMR)](https://vitejs.dev/guide/features.html#hot-module-replacement).

- A [build command](https://vitejs.dev/guide/build.html) that bundles your code with [Rollup](https://rollupjs.org), pre-configured to output highly optimized static assets for production.

In addition, Vite is highly extensible via its [Plugin API](https://vitejs.dev/guide/api-plugin.html) and [JavaScript API](https://vitejs.dev/guide/api-javascript.html) with full typing support.

[Read the Docs to Learn More](https://vitejs.dev).