open-index/open-npm huggingface dataset:
npm package: @lumeland/daisyui
Description: daisyUI 5 - The Tailwind CSS Component Library
Author: Pouya Saadeghi
Latest version: 5.0.9
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<div align="center">

[![][logo-url]][docs-url]

**The most popular, free and open-source component library for Tailwind CSS**

[![][version]](https://www.npmjs.com/package/daisyui)
[![][commit]](https://github.com/saadeghi/daisyui)
[![][license]](https://github.com/saadeghi/daisyui/blob/master/LICENSE)
[![][stars]](https://github.com/saadeghi/daisyui)
[![][installs]](https://www.npmjs.com/package/daisyui)
[![][jsdelivr]](https://cdn.jsdelivr.net/npm/daisyui@5)
[![][discord]](https://daisyui.com/discord/)
[![][opencollectivebadge]](https://opencollective.com/daisyui)

</div>

# daisyUI 5

### 🌼 [Official website →](https://daisyui.com/)

### 🌼 [See all components →](https://daisyui.com/components/)

### 🌼 [How to use →](https://daisyui.com/docs/install/)

---

[version]: https://badgen.net/github/tag/saadeghi/daisyui?label=Version&color=1AD1A5
[commit]: https://badgen.net/github/last-commit/saadeghi/daisyui?label=Last%20commit&color=1AD1A5
[license]: https://badgen.net/github/license/saadeghi/daisyui?label=License&color=1AD1A5
[stars]: https://badgen.net/github/stars/saadeghi/daisyui?label=GitHub%20stars&color=1AD1A5
[installs]: https://badgen.net/npm/dt/daisyui?label=NPM%20installs&color=1AD1A5
[jsdelivr]: https://badgen.net/jsdelivr/hits/npm/daisyui?color=1AD1A5
[discord]: https://badgen.net/discord/members/S6TZxycVHs?label=Discord&color=1AD1A5
[opencollectivebadge]: https://badgen.net/opencollective/backers/daisyui?label=Open%20Collective&color=1AD1A5
[docs-url]: https://daisyui.com/
[logo-url]: https://raw.githubusercontent.com/saadeghi/daisyui-images/master/images/daisyui-logo/favicon-192.png
npm package: @lumeland/detective
Description: A slightly modified version of the detective npm package to work on Deno.
Author: Óscar Otero
Latest version: 5.2.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

This is a slightly modified version of the [detective](https://www.npmjs.com/package/detective) package to make it work on Deno.

Changes from the NPM version

- Modified `package.json`.
- Replaced `acorn-node` dependency with `@lumeland/acorn-node`.
- Removed `bin` and `minimist` dependency.
npm package: @lumeland/sass
Description: A slightly modified version of the SASS npm package to work on Deno.
Author: Óscar Otero
Latest version: 1.58.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

This is a slightly modified version of the [sass package](https://www.npmjs.com/package/sass) to make it work on Deno.

## Changes from the NPM version

- Modified `package.json`.
- Removed `bin` file.
- Removed `chokidar` dependency (used only in `bin`).
- Detect Deno in `sass.dart.js` with:
  ```js
  var dartNodeIsActuallyNode = !dartNodePreambleSelf.window || dartNodePreambleSelf.window.Deno;
  ```

This package will be obsolete when https://github.com/mbullington/node_preamble.dart/pull/32 is merged (or [dart-sass fixed this issue](https://github.com/sass/dart-sass/issues/1834) in a different way).
npm package: @lumeland/ssx
Description: Fast and simple JSX library for server side
Author: Óscar Otero
Latest version: 0.1.14

# SSX

JSX is terrible for frontend. But it's an acceptable way to create HTML code in
server side, specially if it's supported by default by TypeScript and Deno.

Most of the current JSX libraries are designed to work in server and client
sides. They do complicated things like a virtual DOM, reactivity, hooks,
hydration, events, etc, in order to create interactive user interfaces.

SSX is a minimal JSX library designed to be used ONLY in server side and output
plain HTML code.

- Created in TypeScript, for Deno.
- Very fast. It's compatible with the
  [`precompile` option](https://deno.com/blog/v1.38#fastest-jsx-transform)
  available in Deno.
  > 7-20x faster rendering times and a 50% reduction in Garbage Collection
  > times.
- Run `deno task bench` to compare SSX with React, Hono and Preact.
- Designed to output HTML. It uses real HTML attributes (no more `className`).
- Great HTML and CSS documentation. Every element and property has a description
  and even links to [MDN documentation](https://developer.mozilla.org/). Types
  are generated using the data from
  [VSCode Custom Data](https://github.com/microsoft/vscode-custom-data).
- It supports async components (components returning a Promise).
- Allows to insert raw HTML code easily (without patronizing you).
- You can add the `<!doctype html>` declaration.

## Configuration

In your `deno.json` file:

```json
{
  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "ssx"
  },
  "imports": {
    "ssx/jsx-runtime": "https://deno.land/x/ssx/jsx-runtime.ts"
  }
}
```

Alternatively, you can use
[JsDelivr as CDN](https://cdn.jsdelivr.net/gh/oscarotero/ssx/).

## Using NPM specifier

SSX is also
[published on NPM as `@lumeland/ssx`](https://www.npmjs.com/package/@lumeland/ssx):

```json
{
  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "npm:@lumeland/ssx"
  }
}
```

## Use with Node and Bun

If you want to use SSX with Node.js or Bun, see the `/node` folder for an
example setup using this package in a Node environment.

## Example:

```jsx
// Main component
function Main() {
  return (
    <div id="main">
      <Header>
        <p>Welcome to SSX</p>
        {{ __html: "Raw <b>HTML</b> code" }}
      </Header>
    </div>
  );
}

// Async component
async function Header({ children }: { children: JSX.Children }) {
  const res = await fetch(
    `https://api.dictionaryapi.dev/api/v2/entries/en/${name}`,
  );

  const json = await res.json();
  const def = json[0]?.meanings[0]?.definitions[0]?.definition;

  return (
    <>
      <h2>Definition of {name}:</h2>
      <p>{def || "Definition not found"}</p>
      {children}
    </>
  );
}

// String with the HTML code
console.log(await Main());
```

### Adding Doctype:

Any child with the shape `{ __html: string }` is treated as raw HTML and will
not be escaped. This allows you to insert the `<!doctype html>` declaration
directly (something not possible in other JSX libraries):

```html
{{ __html: "<!DOCTYPE html>" }}
<html>
  ...
</html>;
```
npm package: @lumeland/tailwindcss
Description: A slightly modified version of the tailwind npm package to work on Deno.
Latest version: 3.2.10
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

This is a slightly modified version of the [tailwindcss package](https://www.npmjs.com/package/tailwindcss) to make it work on Deno.

## Changes from the NPM version

- Modified `package.json`.
- Replaced `detective` dependency with `@lumeland/detective`.