React interface primitives

UDRX

Interface components that show their behavior before you use them.

Project: Interactive component catalog
Work: Web design & development
Website: udrx.wtf (opens in a new tab)

UDRX’s homepage showing a magnetic dock preview, Preview and Code controls, and a component installation command — Live previews sit alongside the code and installation path.

Try it. Then build with it.

UDRX is a catalog of React interface primitives with an emphasis on how they feel in use. Motion, pointer behavior, and visual effects are presented through interactive examples.

The opening preview introduces a magnetic dock. Preview and code controls, component choices, and an installation command keep exploration close to implementation.

The behavior is the content.

The catalog includes components such as a magnetic dock, a hold-to-confirm action, layered depth text, and a floating folder. Each example has its own description and a route to inspect it further.

Shader experiments have a place alongside smaller interface details. The dark workspace and clear code controls tie the collection together while leaving room for each example’s character.

UDRX component catalog with magnetic dock, hold-to-confirm, CRT warp, depth text, and floating folder examples — The component catalog pairs each example with a description and installation command.

UDRX’s fluid metal shader presentation, with a large reflective surface preview and a link to inspect WebGL — A larger canvas for the fluid metal shader experiment.

Feel the details.

Static screenshots show the visual direction. Visit the live catalog to try the motion and interactions.

Open UDRX

Next project

PoliticalScope

Your political views, beyond a single label.