BlockDex

Components

Registries

Free blocks

Method

BlockDex

Components

Registries

Free blocks

Method

Open API

BlockDex

Components

Registries

Free blocks

Method

Open API

Components/Unlumen Ui/demo-pixel-liquid-bg

Pixel Liquid Background Demo

unlumen-ui/demo-pixel-liquid-bg
FreeComponent

Demo showing the Pixel Liquid Background component.

Live preview

live · rendered by the registry
Rendered by Unlumen Ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://ui.unlumen.com/r/demo-pixel-liquid-bg.json

Source

registry/demo/components/backgrounds/pixel-liquid-bg/index.tsxui.unlumen.com/r/demo-pixel-liquid-bg.json
1import {
2 PixelLiquidBg,
3 type PixelLiquidBgProps,
4} from "@/components/unlumen-ui/pixel-liquid-bg";
5
6type PixelLiquidBgDemoProps = Pick<
7 PixelLiquidBgProps,
8 "pixelSize" | "resolution" | "mouseForce" | "cursorSize" | "autoDemo"
9>;
10
11export default function PixelLiquidBgDemo({
12 pixelSize,
13 resolution,
14 mouseForce,
15 cursorSize,
16 autoDemo,
17}: PixelLiquidBgDemoProps) {
18 return (
19 <PixelLiquidBg
20 className="absolute inset-0 flex items-center justify-center"
21 pixelSize={pixelSize}
22 resolution={resolution}
23 mouseForce={mouseForce}
24 cursorSize={cursorSize}
25 autoDemo={autoDemo}
26 />
27 );
28}

What it pulls in

Other registry items

  • @unlumen-ui/pixel-liquid-bg

Files it writes

  • registry/demo/components/backgrounds/pixel-liquid-bg/index.tsx

Facts

Registry
Unlumen Ui
Type
registry:ui
Access
Free
Files written
1
Licence
MIT
First indexed
2026-08-03
Last confirmed
today

Go to the source

Docs on Unlumen Ui ui.unlumen.com leovvx/unlumen-ui-docs on GitHub Raw registry item This item as JSON

More from Unlumen Ui

All 225 items
Same registry, same kind — the ones you would have found next
ComponentRegistryKindAccessInstallsCommand
AI Chatai-chatUnlumen UiComponentsPaid2 deps
Vercel Animate Countanimate-countUnlumen UiComponentsFree1 dep
Animate Digitsanimate-digitsUnlumen UiComponentsFree1 dep
Animate Text Input Typinganimate-text-input-typingUnlumen UiComponentsFree1 dep
Animated Listanimated-listUnlumen UiComponentsFree1 dep
Apple Switchapple-switchUnlumen UiComponentsFree1 dep
Aurora Barsaurora-barsUnlumen UiComponentsFree1 dep
Aurora Bluraurora-blurUnlumen UiComponentsFree2 deps
BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex