infinityfx.dev valid

Fluid UI

Fluid UI is an open-source React component library providing styled UI primitives, customizable themes, and a fast CSS compilation workflow.

Their llms.txt

The beginning of the file, from our validated copy saved 2026-10-27T09:54:34.119Z. Cached copy · Source on infinityfx.dev

# Fluid UI

> Fluid UI is an open-source React component library providing styled UI primitives, customizable themes, and a fast CSS compilation workflow.
> For the complete concatenated documentation in a single file, see [llms-full.txt](https://fluid.infinityfx.dev/llms-full.txt).

## Overview

Fluid UI components are imported from `@infinityfx/fluid`.
1. **Provider & Setup**: Wrap your application root with `<FluidProvider>` (polymorphic component rendering as `<body>` by default in place of standard `<body>`, or as another element like `<div>` via `as` prop). For SSR frameworks (like Next.js), pass `initialColorScheme` read from `COLOR_SCHEME_COOKIE` to prevent theme flash.
2. **Configuration**: Create a `fluid.config.js` file to configure scanned `paths`, theme palettes, fonts, custom `icons` (e.g. from `react-icons/lu`), and set `cssOutput: 'manual'` for frameworks with aggressive caching.
3. **Theming & Hooks**: Switch themes using the `useFluid` hook from `@infinityfx/fluid/hooks`. Create palette entries using `mixColors()` from `@infinityfx/fluid/utils`, or style instances using the `cc` prop.
4. **Compilation**: Run `npx fluid compile` (`npx fluid compile -d` for development) to compile component styles to CSS without runtime overhead.

## Key Links

- [Full Documentation](https://fluid.infinityfx.dev/llms-full.txt): Complete documentation in a single plain text file.
- [Getting Started](https://fluid.infinityfx.dev/docs/get-started): Installation, `<FluidProvider>`, and compilation guide.
- [Configuration](https://fluid.infinityfx.dev/docs/configuration): Detailed guide on `fluid.config.js`, `paths`, `cssOutput`, and icon overrides.
- [Theming](https://fluid.infinityfx.dev/docs/theming): Palettes, `mixColors()`, `useFluid()` hook, SSR cookie setup, and `cc` custom classes.
- [Changelog](https://fluid.infinityfx.dev/docs/changelog): Version release notes and breaking changes.
- [Changelog (Markdown)](https://fluid.infinityfx.dev/docs/changelog.md): Plain text changelog release notes and breaking changes.

## Component Reference

### Display Components
- [Action Menu](https://fluid.infinityfx.dev/docs/components/action-menu): Displays a menu with actions or options.
- [Annotation](https://fluid.infinityfx.dev/docs/components/annotation): Displays a label or error message for an input field.
- [Badge](https://fluid.infinityfx.dev/docs/components/badge): A badge used for displaying attributes or small information snippets.
- [Code](https://fluid.infinityfx.dev/docs/components/code): Displays formatted code.
- [Combobox](https://fluid.infinityfx.dev/docs/components/combobox): Displays a list of selectable options that can be searched through.
- [Empty](https://fluid.infinityfx.dev/docs/components/empty): Displays an empty state.
- [Gradient](https://fluid.infinityfx.dev/docs/components/gradient): An easy beautiful gradient.
- [Key](https://fluid.infinityfx.dev/docs/components/key): Displays a keyboard input.
- [Swatch](https://fluid.infinit
…

Related sites

Explore similar publishers →

Similar publisher descriptions and documentation. Similarity does not imply affiliation or equivalent capabilities.

Machine-readable: GET /v1/resolve?q=infinityfx.dev · GET /v1/domain/infinityfx.dev · this page as Accept: application/json or text/markdown · MCP lookup_domain

Automatically discovered from public files. Inclusion does not imply endorsement or publisher participation.

Claim my listing on Agent Web Map for infinityfx.dev:
1. POST https://agentwebmap.com/v1/sites/infinityfx.dev/claims and keep claim_id and claim_secret private.
2. Publish the verification line "AgentWebMap verification: <token>" (token from step 1) in https://infinityfx.dev/llms.txt, or use the DNS, meta-tag or well-known method the response describes. This only verifies the listing; your website and domain remain yours.
3. POST https://agentwebmap.com/v1/sites/infinityfx.dev/verify with {"claim_id": "...", "claim_secret": "..."}.
4. Save the api_key from the answer; it manages the listing (PATCH https://agentwebmap.com/v1/sites/infinityfx.dev).
MCP equivalent: tools begin_ownership_claim, then verify_domain, at https://agentwebmap.com/mcp. Docs: https://agentwebmap.com/docs#verify

Corrections or removal requests: contact the directory.