Skip to Content
Get full access

Pour Scene

Dripping paint abstract art layer: transparent poured-paint drips, wide, mid and fine, under sandpaper grain; it paints no ground, so color the parent. Charcoal on brick by default, or a seed or anchors of your own.

pnpm dlx shadcn add @01orbital/pour-scene

Usage

import { PourScene } from "@/components/scene/pour-scene"

export default function Example() {
  return <PourScene />
}

Examples

New

pour-scene-charcoal-on-brick

pour-scene-charcoal-on-brick

Charcoal On Brick

PourScene example in the charcoal-on-brick palette on a light ground. Shows the default colors of the dripping paint abstract art layer, for abstract backgrounds and prints.

pnpm dlx shadcn add @01orbital/pour-scene-charcoal-on-brick

New

pour-scene-narrow-background-palette

pour-scene-narrow-background-palette

Narrow Background Palette

PourScene example: a still, narrow background variant with a restrained palette, seed 19. Shows the quiet dripping paint abstract art layer meant to sit behind content.

pnpm dlx shadcn add @01orbital/pour-scene-narrow-background-palette

New

pour-scene-broad-pigments

pour-scene-broad-pigments

Broad Pigments

PourScene example with the broad pigment range, seed 19. Shows the dripping paint abstract art layer with a wide spread of colors from a repeatable seed.

pnpm dlx shadcn add @01orbital/pour-scene-broad-pigments

New

pour-scene-saffron-study

pour-scene-saffron-study

Saffron Study

Saffron-leaning PourScene study, seed 72. Shows the dripping paint abstract art layer in warm yellow-orange tones generated from a repeatable seed, for abstract page and card backgrounds.

pnpm dlx shadcn add @01orbital/pour-scene-saffron-study

New

pour-scene-blue-study

pour-scene-blue-study

Blue Study

Blue PourScene study, seed 148. Shows the dripping paint abstract art layer in a blue palette generated from a repeatable seed, for abstract backgrounds and art prints.

pnpm dlx shadcn add @01orbital/pour-scene-blue-study

New

pour-scene-wine-study

pour-scene-wine-study

Wine Study

Wine-colored PourScene study, seed 303. Shows the dripping paint abstract art layer in deep burgundy tones generated from a repeatable seed, for moody abstract backgrounds.

pnpm dlx shadcn add @01orbital/pour-scene-wine-study

New

pour-scene-irregular-fine-drips

pour-scene-irregular-fine-drips

Irregular Fine Drips

PourScene example with irregular fine drips from a different layout seed. Shows how a new seed changes the pattern of the dripping paint abstract art layer for varied backgrounds.

pnpm dlx shadcn add @01orbital/pour-scene-irregular-fine-drips

New

pour-scene-quiet-background

pour-scene-quiet-background

Quiet Background

PourScene example: a quiet, dampened background held still. Shows the dripping paint abstract art layer as a low-key page or section backdrop that does not compete with text.

pnpm dlx shadcn add @01orbital/pour-scene-quiet-background

New

pour-scene-bare-pigment

pour-scene-bare-pigment

Bare Pigment

PourScene example with the grain and vignette removed, on a light ground. Shows the dripping paint abstract art layer as bare pigment without any texture or edge darkening.

pnpm dlx shadcn add @01orbital/pour-scene-bare-pigment

New

pour-scene-framed-pigment

pour-scene-framed-pigment

Framed Pigment

PourScene example with a vignette framing the pigment. Shows the dripping paint abstract art layer with darkened edges that focus the eye on the center.

pnpm dlx shadcn add @01orbital/pour-scene-framed-pigment

New

pour-scene-slow-drip-drift

pour-scene-slow-drip-drift

Slow Drip Drift

PourScene example: a background variant with a slow drip drift. Shows the animated, gently moving dripping paint abstract art layer, which holds still under reduced motion.

pnpm dlx shadcn add @01orbital/pour-scene-slow-drip-drift

New

pour-scene-moss-anchors

pour-scene-moss-anchors

Moss Anchors

PourScene example anchored on moss green, indigo and teal on a light ground. Shows how custom color anchors recolor the dripping paint abstract art layer.

pnpm dlx shadcn add @01orbital/pour-scene-moss-anchors

New

pour-scene-terracotta-anchors

pour-scene-terracotta-anchors

Terracotta Anchors

PourScene example anchored on terracotta and a brown base. Shows how custom color anchors give the dripping paint abstract art layer an earthy palette for backgrounds.

pnpm dlx shadcn add @01orbital/pour-scene-terracotta-anchors

New

pour-scene-high-meeting-band

pour-scene-high-meeting-band

High Meeting Band

PourScene example with its meeting band and drips moved high. Shows how the placement option shifts the dripping paint abstract art layer toward the top of the frame.

pnpm dlx shadcn add @01orbital/pour-scene-high-meeting-band

New

pour-scene-edition-card

pour-scene-edition-card

Edition Card

Art edition card example: a dampened PourScene behind a dark card. Shows the dripping paint abstract art layer as a muted background for a limited edition or print listing.

pnpm dlx shadcn add @01orbital/pour-scene-edition-card

New

pour-scene-portrait-print

pour-scene-portrait-print

Portrait Print

Art print example: a portrait-format PourScene on a light ground. Shows the dripping paint abstract art layer cropped as a tall wall print or poster.

pnpm dlx shadcn add @01orbital/pour-scene-portrait-print

New

pour-scene-three-small-works

pour-scene-three-small-works

Three Small Works

Art series example: three small PourScene works side by side on a light ground. Shows the dripping paint abstract art layer as a row of related prints.

pnpm dlx shadcn add @01orbital/pour-scene-three-small-works

New

pour-scene-orb-on-pigment

pour-scene-orb-on-pigment

Orb On Pigment

Orb over abstract art example: an OrbitalV6 painted orb resting on a still background PourScene. Shows how a planet orb layers over the dripping paint backdrop.

pnpm dlx shadcn add @01orbital/pour-scene-orb-on-pigment

New

pour-scene-exhibition-banner

pour-scene-exhibition-banner

Exhibition Banner

Exhibition banner example: a still, background PourScene behind a show announcement. Shows the dripping paint abstract art layer as a motionless gallery backdrop for event pages.

pnpm dlx shadcn add @01orbital/pour-scene-exhibition-banner

API reference

Prop

Type

It also accepts the HTML attributes of the element it renders.

Dependencies

npm: cn. The CLI installs them for you.

No other registry pieces.

Backlit Blocks Scene

bone-slabs

cobalt-slabs

Color Wash

copper-slabs

Gestural Zip Scene