Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component2 dependencies

Morphing Area

components-spaceui-morphing-area

Adaptive aspect ratio frame with constant-area surface morphing for any child element, image, or media.

Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

No live preview for demo-c-morphing-area-01 yet
It could not be mounted with no props, or has not been rendered yet. Open it to see the code.

Interactive demo of equal-area aspect ratio morphing with custom children.

@spaceui

More from @spaceui