Live preview Alerts
Slate Toast Alert
A compact toast slides in from the right edge, rests, then slips away again.
#slide CSS effects
14 free, pure-CSS effects match the "slide" tag. Each is copy-ready and needs no library or build step.
Live preview Modals
Brass Drawer Modal
A property drawer slides in from the right edge over a dimmed workspace.
Live preview Modals
Cobalt Left Drawer
A navigation drawer glides in from the left edge with a stacked link column.
Live preview Modals
Fjord Reset Modal
A password reset panel slides in from the left while a skew straightens out under it.
Live preview Modals
Flange App Modal
An app download prompt shoots in from the right edge, overshoots and snaps back into line.
Live preview Modals
Garnet Flag Modal
A diagonal corner ribbon rides along with a dialog that slides up from the right.
Live preview Modals
Glide Tour Modal
A frosted onboarding step glides in from the right while a translucent ghost slab trails behind it.
Live preview Modals
Granite Form Modal
An invite form slides up with two labelled fields and a split action footer.
Live preview Modals
Mesa Checkout Modal
An order summary drifts in diagonally from the lower right with line items and a total.
Live preview Modals
Nickel Panel Modal
An industrial settings bar drops from the top edge with labelled status pills.
Live preview Modals
Pearl Price Modal
A pricing card rises into view with a plan badge, feature list and call to action.
Live preview Modals
Rivet Compare Modal
Two plan panels fly in from opposite edges and meet on a riveted seam in the middle.
Live preview Modals
Slate Bottom Sheet
A bottom sheet with a grab handle rises from the lower edge with an action bar.
Live preview Modals
Tundra Share Modal
A share sheet rises and its destination tiles arrive one after another above a link row.