Frontend UI Evaluation Benchmark

Create a modern dark-mode stock portfolio analytics dashboard with dynamic SVG charts, tabular data, search filter pills, and accessible theme controls.

Build a responsive SaaS pricing and billing portal featuring monthly/annual toggle switches, tier feature comparison matrix, dynamic tax estimation, and interactive checkout modal.

Implement a glassmorphism AI chat interface with rich markdown rendering, code block copy buttons, collapsible thoughts drawer, and side-by-side artifact preview.

Create a high-performance product catalog with multi-facet filters (category, price range, ratings), grid/list view toggle, quick view modal, and keyboard-navigable pagination.

Build a drag-and-drop KanBan board supporting custom column creation, subtask progress indicators, tag filters, user avatar assignments, and undo toast notifications.

Implement a documentation layout featuring a sticky sidebar tree, inline code playground, TOC outline observer, and instant fuzzy command-k search modal.

Create a dark-mode video editing control suite with audio waveform visualizers, timeline scrubber tracks, keyframe sliders, and layer management panels.

Build an interactive component UI library showcasing dynamic button variants, form inputs with inline validation, modals, popovers, and theme token customizers.

Implement an enterprise log viewer with virtualized infinite scrolling, regex filter controls, log level color coding, and timestamp range selectors.

Build a multi-channel support inbox with ticket queue filters, live status indicators, split-pane conversation view, and macro response quick-insert palette.