Noir Aurora Product Mock
A data-driven app dashboard for heroes, CTAs and feature blocks: sidebar, title, period tabs, metrics that count up, a chart, share bars, people and a status line, inside a Frame.
Neo-BrutalMotion
Product Mock
A data-driven app dashboard, the hero's one floating object: a window bar with the kit mark, the title and the subtitle as a neutral badge, folder tabs, the first metric's big figure that rolls in with the entrance (from a value near the final one), its delta pill and note (a "Month end · €61k–67k" string splits into label and value), the chart (solid cobalt area, hatched volt band, volt marker), ruled KPI cells for the next three metrics, an ink status chip with a pulsing volt dot over the top edge, and in wide containers a sidebar and share bars.
Live, interactive React component · light themeResponsive
About the Neo-Brutal Product Mock
A data-driven app dashboard, the hero's one floating object: a window bar with the kit mark, the title and the subtitle as a neutral badge, folder tabs, the first metric's big figure that rolls in with the entrance (from a value near the final one), its delta pill and note (a "Month end · €61k–67k" string splits into label and value), the chart (solid cobalt area, hatched volt band, volt marker), ruled KPI cells for the next three metrics, an ink status chip with a pulsing volt dot over the top edge, and in wide containers a sidebar and share bars. In a Hero the chart enters with the object: the area grows from the baseline, then the band and marker pop from today. Pass at most five named x labels (blank the rest) to choose which days show. It is one image to screen readers (label), and it lays itself out with container queries, so it fits any column from 300 to 1200 px.
It is part of Neo-Brutal. The style’s 92 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.
To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.
See it on a full page
Soft Bento Product Mock
A data-driven app dashboard in clay for heroes, CTAs and feature blocks: sidebar, title, period tabs, a rolling revenue figure, KPI wells (with sparklines), a chart, share bars, people and a status line, inside a Frame.
Swiss Tech Mono Product Mock
The ink instrument for heroes and feature blocks: a title bar with period tabs, people and a lime Share button, a ruled row of KPIs that count up (the first one large), a headed chart that draws (every second x label, forecast weeks in lime) beside headed share bars with their total, A/B/C key squares that a Figure legend can name, and a live status line with an optional goal bar.