Zemew

AI Design Library

Browse visually. Reference by ID. You do not need the fancy name for a layout if you can point at the one you want.

24 components Search by ID or description. Category chips narrow the grid as the library grows.
MODAL-001

Basic Confirm Dialog

Simple confirmation dialog with cancel and confirm.

modals simple confirm dialog
Open
MODAL-002

Warm Save Dialog

Medium warm save confirmation.

modals simple warm save
Open
MODAL-003

Mobile Sheet Modal

Bottom sheet style modal for mobile patterns.

modals simple sheet mobile
Open
  1. Step 1
  2. Step 2
  3. Step 3

Demo CSS must stay inside the preview scope.

MODAL-004

Technical Alert Modal

Technical alert dialog.

modals simple technical alert
Open
MODAL-005

Destructive Confirm

High-emphasis destructive confirmation.

modals simple destructive confirm
Open
MODAL-006

Soft Info Modal

Soft informational modal.

modals simple info soft
Open
MODAL-007

Gaming Prompt Modal

Gaming-styled prompt dialog.

modals simple gaming prompt
Open

Quick note

Capture the ID before you forget why you liked it.

MODAL-008

Compact Sheet Note

Compact sheet for quick notes.

modals simple sheet compact
Open
Confirm Dialog

Supporting copy for this pattern.

MODAL-009

Confirm Dialog

Distinct modals pattern with unique structure for AI reference.

modals moderate modal pattern-0
Open
Sheet Modal

Supporting copy for this pattern.

MODAL-010

Sheet Modal

Distinct modals pattern with unique structure for AI reference.

modals simple modal pattern-1
Open

Header Close

MODAL-011

Header Close

Distinct modals pattern with unique structure for AI reference.

modals simple modal pattern-2
Open

Warning Modal

Supporting copy for this pattern.

MODAL-012

Warning Modal

Distinct modals pattern with unique structure for AI reference.

modals moderate modal pattern-3
Open
MODAL-013

Email Modal

Distinct modals pattern with unique structure for AI reference.

modals simple modal pattern-4
Open
  • Steps Modal
  • Supporting copy for this pattern.
  • Continue
MODAL-014

Steps Modal

Distinct modals pattern with unique structure for AI reference.

modals simple modal pattern-5
Open
MODAL-015

Media Modal

Distinct modals pattern with unique structure for AI reference.

modals moderate modal pattern-6
Open
List Modal

Supporting copy for this pattern.

MODAL-016

List Modal

Distinct modals pattern with unique structure for AI reference.

modals simple modal pattern-7
Open
ProductA
CompanyB

Supporting copy for this pattern.

MODAL-017

Danger Dialog

Distinct modals pattern with unique structure for AI reference.

modals simple modal pattern-8
Open

Supporting copy for this pattern.

Line

Line

Line

MODAL-018

Tabbed Modal

Distinct modals pattern with unique structure for AI reference.

modals moderate modal pattern-9
Open
NameVal
Eyebrow Confirm10
Beta2
MODAL-019

Eyebrow Confirm

Distinct modals pattern with unique structure for AI reference.

modals simple modal pattern-10
Open
MODAL-020

Split Action

Distinct modals pattern with unique structure for AI reference.

modals simple modal pattern-11
Open
From$21
  • Image Lightbox
  • Support
MODAL-021

Image Lightbox

Distinct modals pattern with unique structure for AI reference.

modals moderate modal pattern-0
Open

Supporting copy for this pattern.

Form Modal
MODAL-022

Form Modal

Distinct modals pattern with unique structure for AI reference.

modals simple modal pattern-1
Open
Success Modal

Supporting copy for this pattern.

More

Extra

MODAL-023

Success Modal

Distinct modals pattern with unique structure for AI reference.

modals simple modal pattern-2
Open

Info Modal

Supporting copy for this pattern.

MODAL-024

Info Modal

Distinct modals pattern with unique structure for AI reference.

modals moderate modal pattern-3
Open