Studio — LIFEAI

Live preview

Switch variants and viewport widths without leaving the detail page.

Front Face - Hover to flip

Back Face - Revealed!

Select a registered variant for preview comparison.

4 states

No token bindings registered

This component can still consume tokens internally through @regen/ui, but the Studio registry has no explicit bindings yet.

Flip Directionhorizontal

flipDirection

Triggerhover

trigger

Copy the current live prop configuration.

import { FlipCard } from "@regen/ui";

export function Example() {
  return <FlipCard />;
}