#interactive

A pill-style segmented button group for switching between views or options, with smooth active state transitions.

A product card with image, name, price, rating, and add-to-cart button. Includes a wishlist toggle and sale badge.

A confirmation modal for dangerous actions like deleting data, with a text-match requirement before the action button enables.

A keyboard-triggered command palette with search, categorized commands, and keyboard navigation.

A full-featured data table with column sorting, row selection checkboxes, bulk action toolbar, and pagination.

A Trello-style kanban board with 4 columns, draggable cards, add card functionality, and card count badges.

A spreadsheet-style data grid where cells become editable on click, with row add/delete and CSV export.

A toast notification system with multiple types, auto-dismiss, and a stacked queue.

A bell icon dropdown showing grouped notifications with read/unread states and mark-all-read functionality.

A masonry-style image gallery with a full-screen lightbox viewer, keyboard navigation, and zoom.

Overlapping avatar stack showing up to 5 avatars, then a +N overflow badge, with a popover listing all members.

A styled video player with custom controls: play/pause, progress scrubber, volume, fullscreen, and playback speed.

A search input showing recent searches, popular suggestions, and live results in a dropdown.

A floating onboarding checklist guiding new users through setup steps with progress tracking.

A wishlist page with saved product cards, share list, bulk add to cart, and out-of-stock notifications.

An invoice builder with live preview, line items, tax/discount, and PDF export.