gpui-kit GitHub

Scenes

hover-card

Builds Avatar Badge Button Card Checkbox CommandPalette ContextMenu CopyButton DescriptionList Divider EmptyState HoverCard Icon List ListRow Menu Menubar Popover ProgressBar Tag Timeline

hover-card in the dark theme
studio-dark
hover-card in the light theme
studio-light

The code that drew it

A still frame holds a repeating animation at its first frame and a one-shot at its last, because a still of a moving thing is not reproducible. Run the gallery to review motion.

fn hover_card(window: &mut Window, cx: &mut App) -> AnyElement {
    ensure_ordinary(window, cx);
    let card = cx.global::<SceneOrdinary>().hover_card.clone();
    let theme = cx.theme().clone();
    stack(&theme)
        .w(px(460.0))
        .h(px(300.0))
        .child(caption(&theme, "A preview the pointer can travel into"))
        .child(row(&theme).child("Reported by").child(card))
        .into_any_element()
}