Gain free, hands-on experience with the Cloudscape Design System components. Explore the full list of interactive demos below.
Display a collection of resources in a responsive grid layout with rich content support.
Interactive conversational interface designed for AI assistants or customer support workflows.
Streamlined deletion pattern for non-critical resources without blocking confirmation dialogs.
Standard deletion workflow requiring a user to confirm the action in a modal dialog.
High-security deletion pattern requiring manual text input to prevent accidental data loss.
A comprehensive view displaying all properties, status, and metadata for a single resource.
A central hub view that aggregates related resources and high-level metrics.
Organize complex resource information into distinct, easy-to-navigate tabbed sections.
A dedicated form interface for modifying the configuration of an existing resource.
A standard full-page form layout optimized for creating new resources.
Demonstrates the logic for detecting and warning users about unsaved form modifications.
Examples of client-side form validation, error messages, and constraint handling.
A marketing-style page showcasing product features, pricing, and specifications.
A scalable table implementation that handles sorting and pagination on the server.
Server-side filtering implementation allowing users to search by specific properties.
Client-side filtering allowing users to quickly narrow down table results by property.
Table view integrating dropdown selection filters for categorical data.
Table view integrated with a date-range picker for time-based data filtering.
Advanced table allowing users to save, manage, and reuse complex filter configurations.
Standard data table for displaying, sorting, and selecting rows of information.
Interactive table allowing users to edit cell values directly within the grid.
Table allowing rows to expand and reveal nested details or related resources.
A dedicated interface for adding, removing, and managing resource tags.
Demonstrates how to securely list and retrieve objects from an Amazon S3 bucket.
Demonstrates how to securely upload files directly to an Amazon S3 bucket.
A step-by-step wizard flow for guiding users through complex creation tasks.
An operational dashboard featuring key metrics, status widgets, and graphs.
A customizable dashboard where users can drag, drop, and resize widgets.
Interactive onboarding overlays to guide new users through application features.
A master-detail interface allowing users to browse a list while viewing details side-by-side.
Optimized split view for comparing properties between selected resources.
An alternative layout using top-bar navigation suitable for non-console applications.
A visual diagram interface for mapping relationships and process flows.