open-index/open-npm huggingface dataset:
npm package: @niht/stylis
Description: A template literal for stylis preprocessor
Author: Brian Kimball
Latest version: 0.0.1

# Niht Stylis

> A css template literal using stylis as a preprocessor

[![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg)](https://github.com/xojs/xo)

Uses [Stylis](https://stylis.js.org/) underneath, so issues regarding styles should be opened over [there](https://github.com/thysultan/stylis.js/issues).

Shamelessly _adapted_ code from [lit-element](https://lit-element.polymer-project.org/) as can bee seen [here](https://github.com/polymer/lit-element/blob/master/src/lib/css-tag.ts)

## Highlights

- Easy to use

## Install

```
$ npm install --save @niht/stylis
```

## Usage

```javascript
import { html } from "https://unpkg.com/@niht/stylis"

const color = true ? "green" : "red"
const template = css`
  p {
    color: ${color};
    width: 500px;
    border: 1px solid #000;
  }
`
console.log(template.cssText) // valid string css, preprocessed by stylis
console.log(template.stylesheet) // CSSStylesheet to be used by DocumentOrShadowRoot.adoptedStyleSheets
```

## Questions

What is adoptedStyleSheets? [look here](https://developers.google.com/web/updates/2019/02/constructable-stylesheets)

- Browser Support: 😖 (polyfills might help)
npm package: @niibase/uniwind
Description: A fork of Uniwind with Reanimated 4 support
Author: Unistack
Latest version: 1.6.2

[<img alt="uniwind" src="https://raw.githubusercontent.com/uni-stack/uniwind/main/assets/banner.png">](https://uniwind.dev/)

<div align="center">
    <p align="center">
        <a href="https://uniwind.dev/" target="_blank">
            <h1 align="center" style="color:red;">Uniwind</h1>
            <span>The fastest Tailwind bindings for React Native</span>
        </a>
    </p>
</div>
<br />

![npm version](https://img.shields.io/npm/v/uniwind?style=for-the-badge)
[![npm downloads](https://img.shields.io/npm/dm/uniwind?style=for-the-badge)](https://www.npmjs.com/package/uniwind)
[![npm downloads](https://img.shields.io/npm/dt/uniwind?style=for-the-badge)](https://www.npmjs.com/package/uniwind)
[![License: MIT](https://img.shields.io/badge/License-MIT-44CD11.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)

> **Note:** This is a fork of **uniwind** that leverages **react-native-reanimated** (v4.0.0+) to enable CSS-like animations and transitions using Tailwind classes. This package is kept in sync with the original `uniwind` releases.

## Installation

```sh
# Install from the fork (recommended - includes pro features for free)
bun add @niibase/uniwind tailwindcss react-native-safe-area-context react-native-reanimated

# Or install from the original package
bun add uniwind tailwindcss react-native-safe-area-context

# Or install @niibase/uniwind as alias for uniwind
bun add uniwind@npm:@niibase/uniwind tailwindcss react-native-safe-area-context react-native-reanimated
```

Then follow [installation guides](https://docs.uniwind.dev/quickstart)

## Documentation

- [Start here](https://docs.uniwind.dev/)
- [Theming Basics](https://docs.uniwind.dev/theming/basics)
- [Supported classNames](https://docs.uniwind.dev/class-names)
- [Pro Version](https://docs.uniwind.dev/pro-version)

## Features

- ⚛️ Out‑of‑the‑box `className` bindings for every React Native component
- ⚡ Styles are computed at build time for maximum performance
- 🎬 **CSS animations and transitions** powered by Reanimated 4
- 🌙 Dark mode and 🎨 fully customizable themes
- 🧩 Pseudo‑classes support — `focus`, `active`, `disabled`, and more
- 📱 Responsive design with media queries
- 🧰 Use custom CSS properties directly in React Native
- 🔥 And [much more](https://docs.uniwind.dev/api/use-uniwind)

## Contributing

Contributions are welcome!

### How to contribute

- Bug Fixes: Check our [Issues](https://github.com/uni-stack/uniwind/issues) for any bugs that need fixing. Make sure to ask before working on an issue.
- New Features: If you have an idea for a new feature, please open discussion first to get feedback from the community.
- Refactor and Improvements: If you see areas of the code that could be improved or refactored, open discussion or reach out to the maintainers before making significant changes.

Pull Request that do not follow these guidelines may be closed or not reviewed.

## License

MIT