Concept render — composed live from this prompt's palette & layout. Reproducible with the library, not a stock screenshot.
Concept scene: Star Motes — open in library →SaaSVerifiedby Motif Studiopublished 2026-09-14
AI conversation history sidebar
vibe: organized, quiet, fast
starter — 4 blocks, 2 stacksdesktop viewport≈ 220 lines generated (estimate)≈ 600 tokens to run (estimate)
prompt.txt — copy-paste ready
An AI conversation history sidebar: a search field that filters rows locally, rows grouped by day with each row showing title, model chip, relative date and a re-run affordance, and a pinned new-chat button. Active row is visually marked and announced. Search is instant and honest (client-side only). Focus order is visible; colours are CSS variable tokens; reduced-motion keeps row hover states instant.
Palette tokens:#0e1015#e9edf4#a78bfa#22d3ee
Remix this brief:
- — Floating: collapsible rail from a button.
- — Mosaic: history as cards, not rows.
- — Tiny: last-five list under the composer.
Stacks shipped:ReactNext.jsBlocks:Search fieldHistory rowsGroup headersNew chat button
Components this brief typically renders:
Community:▶ Re-run this prompt⤴ Submit a remix of it★ Your saved listRe-runs are a labelled simulation; the run log on this page is the real record.
⚠ Before you run it, know this
- Lowest score was Codex at 86/100 — New chat button pinned; group headers clear.
- All models built cleanly on the first pass.
More prompts in this mood
Open prompt →
Dark SaaS launch page with aurora hero
dark, premium, minimal
FeaturedNext.jsHTMLReact
92/100 · 4 runsOpen prompt →
SaaS onboarding — activation in one flow
clear, encouraging, momentum-forward
VerifiedNext.jsReact
90/100 · 4 runsOpen prompt →
B2B integration marketplace with cert badges and webhook snippet
technical-clean, dense-but-ordered
BetaNext.jsReact
85/100 · 4 runs