Surfaces glide in from the edge of the screen with a swift, decisive motion — the language of drawers, sheets, and side navigation. Fast enough to feel responsive, smooth enough to feel engineered.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Move edge-anchored surfaces with the Slide Panel transition. Drawers, sheets, and side navigation enter by translating from fully off-screen (translateX(100%) for right-anchored, -100% for left, translateY(100%) for bottom sheets) to their resting position over 300ms with cubic-bezier(0.32, 0.72, 0, 1) — a swift launch that lands without bounce. The panel itself stays at full opacity; pair it with a backdrop that fades from 0 to 0.5 black over the same 300ms. Exits reverse the same path in 250ms. Content inside the panel should not animate separately — the panel is one rigid surface. The mood is decisive, native-feeling, and app-like.Surfaces glide in from the edge of the screen with a swift, decisive motion — the language of drawers, sheets, and side navigation. Fast enough to feel responsive, smooth enough to feel engineered.