Skip to content
Pinky UI

Showcase

What happens when they stack.

These are compositions, not new components — the same four building blocks arranged differently. Every example on this page is live.

Studio

$24/ month

  • Unlimited projects
  • Interaction presets
  • Priority support

Pricing card

Glow Border framing a Jelly Card, with a magnetic action inside.

composition
<GlowBorder radius="2xl">
  <JellyCard radius="2xl" elasticity={0.25}>
    <Plan />
    <MagneticButton>Choose plan</MagneticButton>
  </JellyCard>
</GlowBorder>

Soft Motion

Volume One

Media cover

Tilt with a specular highlight, wrapped in a magnetic field.

composition
<Magnetic strength={0.25}>
  <Tilt max={8} glare lift={10}>
    <Cover />
  </Tilt>
</Magnetic>

7 interactions tuned this week.

Segmented view

Fluid Tabs driving real content, inside a cursor-lit panel.

composition
<CursorGlow>
  <FluidTabs items={views} onValueChange={setView} />
</CursorGlow>

Reaction row

Three magnetic fields side by side, each with its own strength.

composition
{reactions.map((r) => (
  <Magnetic key={r} strength={0.5} range={90}>
    <button>{r}</button>
  </Magnetic>
))}

Interaction studies / 04

Four interactions, four different kinds of movement.

A compressed deck, a wider field, a held tension and a tracked edge — all inspectable before leaving the page.

Card Fan

layer separation / reflow

Curated studio deck: 1 of 4 selected

Infinite Spatial Canvas

pan / depth / momentum

Arrival

near field

Commons

shared

Threshold

edge study

Work table

deep focus
Drag to browseBounded field

Drag or use the arrow keys to browse the spatial field. Focus an item to inspect it. Home or 0 recenters the field.

Zoom 100% · 4 items

No spatial item selected

Pull to Refresh

resistance / threshold / release
Pull to reveal refreshresistance / threshold / release
Quiet launch notes01
Surface study / 0402
Motion review03

Demo refreshes / 0

Edge Swipe Panel

progressive reveal / settlement

Working surface

Now02
Next03
Saved04

The surface yields a little as the edge panel enters the field.