{"schemaVersion":1,"sourceCount":10,"demoCount":160,"fixtureMode":"local-synthetic","fixtureVersion":"interface-lab-v1","capabilities":{"discovery":"/api/catalog.json","instructions":"/agent.md","buildIdentity":"/build-info.json","deepLink":"/experiments/{source}?demo={demo}"},"sources":[{"id":"jiro","name":"Jiro","route":"/experiments/jiro","sourceUrl":"https://jiro.build","demos":[{"id":"motion-artist","title":"Motion artist portfolio","category":"Portfolio","summary":"A quiet portfolio opening with a moving gradient frame and booking state.","prompt":"Create an editorial portfolio hero for motion artist Matteo with a staggered name reveal, an acid booking chip, and a floating gradient frame.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Open booking brief","actionResult":"Booking brief opened for Matteo's motion portfolio.","tags":["Editorial","Motion"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"creative-agency","title":"Creative agency","category":"Agency","summary":"An orbital identity study with selectable service focus.","prompt":"Design an agency landing page for Orvan Studio. Center the O monogram, orbit Brand, Motion, and Product labels, and keep the project call to action grounded and direct.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Start a project","actionResult":"Project brief started with Orvan Studio.","tags":["Identity","Orbit"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"fintech-calc","title":"Fintech calculator","category":"Fintech","summary":"A yield estimate with editable principal and a confidence readout.","prompt":"Build a compact yield calculator with a principal input, term selector, estimated return, and confidence meter. Mark values as demo data.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Save estimate","actionResult":"Estimate saved for the selected principal and term.","tags":["Calculator","Finance"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"portfolio-index","title":"Portfolio index","category":"Portfolio","summary":"A project index with discipline filters and a selected case study.","prompt":"Create a typographic project index for a small design practice with discipline filters, year labels, and a selected project preview.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Preview selected case study","actionResult":"Selected case study preview opened.","tags":["Index","Filter"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"launch-room","title":"Product launch room","category":"Product","summary":"A launch checklist that makes readiness visible at a glance.","prompt":"Design a launch workspace with milestone completion, a date selector, owner assignment, and a clear readiness summary.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Save launch plan","actionResult":"Launch plan saved with the selected milestones and date.","tags":["Launch","Checklist"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"audio-session","title":"Audio session","category":"Audio","summary":"A focused listening queue with a usable track selector.","prompt":"Build a dark listening session page with track selection, duration, a compact waveform, and queue management. Do not imply audio playback when no audio asset is present.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Save listening queue","actionResult":"Listening queue saved with the selected recording.","tags":["Audio","Queue"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"editorial-cover","title":"Editorial cover desk","category":"Publishing","summary":"A magazine cover composer with headline and issue controls.","prompt":"Create an editorial cover proofing desk with editable headline, issue selector, masthead lockup, and a responsive cover preview.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Save cover proof","actionResult":"Cover proof saved for editorial review.","tags":["Editorial","Type"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"climate-brief","title":"Climate brief","category":"Research","summary":"A small evidence dashboard for a city heat report.","prompt":"Design a climate research brief with district selection, year comparison, a chart-like visual, and visible data provenance. Do not use external data.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Preview heat brief","actionResult":"Heat brief preview created for the selected district and comparison setting.","tags":["Data","Brief"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"booking-calendar","title":"Studio booking calendar","category":"Scheduling","summary":"A weekly availability board with selectable time slots.","prompt":"Create a studio booking panel with an editable date, selectable time slots, timezone clarity, and a request summary.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Request selected slot","actionResult":"Booking request prepared for the selected studio time.","tags":["Calendar","Booking"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"studio-bio","title":"Studio profile","category":"Profile","summary":"A studio identity editor with a discipline selector and visibility control.","prompt":"Build a studio profile editor with studio name, discipline, and a public visibility toggle. Keep the preview editorial and readable.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Save profile","actionResult":"Studio profile saved with the current details.","tags":["Profile","Form"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"type-specimen","title":"Type specimen","category":"Typography","summary":"A type specimen sheet with adjustable sample text and scale.","prompt":"Create a typographic specimen page with a live text sample, scale selector, and font character panel. Use available system fonts without remote dependencies.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Save specimen","actionResult":"Type specimen saved at the selected size.","tags":["Typography","Specimen"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"product-tour","title":"Product tour","category":"Onboarding","summary":"A short onboarding sequence with direct step navigation.","prompt":"Design a three-step product setup tour with step navigation, workspace name, and a review state. Each control should update the visible step or value.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Save setup step","actionResult":"Setup step saved with the selected value.","tags":["Onboarding","Steps"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"gallery-filter","title":"Image gallery","category":"Gallery","summary":"A gallery contact sheet with category and density controls.","prompt":"Create a local-only gallery contact sheet using CSS color studies, category filters, and a density control. Do not fetch image assets.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Preview share view","actionResult":"Gallery share preview created for the selected filters.","tags":["Gallery","Browse"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"payments-pulse","title":"Payments pulse","category":"Analytics","summary":"A payments readout with range selection and trend context.","prompt":"Build a payments analytics card with selectable time range, total, change, and a small in-CSS trend chart. Label the figures as sample data.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Pin payments report","actionResult":"Payments report pinned for the selected range.","tags":["Analytics","Payments"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Original interface study informed by Jiro's prompt-library format. This is not an official Jiro asset or runtime integration."}},{"id":"scene-study","title":"Object in a room","category":"3D study","summary":"A CSS-authored product still with adjustable light and backdrop.","prompt":"Author a product still using CSS shapes and gradients: one glass object, a grounded shadow, and adjustable lighting. This is a 2D CSS scene study, not a Spline runtime embed.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Save scene study","actionResult":"Scene study saved with the current light and backdrop.","tags":["Scene","Lighting"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Authored 2D CSS scene study inspired by object-in-room compositions. No Spline export or runtime is included."}},{"id":"atmosphere-study","title":"Immersion pass","category":"Web graphics","summary":"A layered atmosphere study with intensity and palette controls.","prompt":"Create a layered CSS atmosphere beneath readable editorial copy with a palette selector and intensity control. This is an original CSS study, not a Unicorn Studio embed.\n\nBuild an authored, responsive interface study with working controls, keyboard-visible focus, a reduced-motion-safe presentation, and a clear success state. Keep the composition focused on the task rather than adding decorative labels.","actionLabel":"Save atmosphere","actionResult":"Atmosphere saved with the selected palette and intensity.","tags":["Atmosphere","Layers"],"provenance":{"kind":"original-study","url":"https://jiro.build","note":"Authored CSS atmosphere study. No Unicorn Studio project export or runtime is included."}}]},{"id":"shadcn","name":"shadcn/ui","route":"/experiments/shadcn","sourceUrl":"https://ui.shadcn.com","demos":[{"id":"release-notes","title":"Release notes","category":"Writing","summary":"Draft a concise release update with a live preview.","prompt":"Design a release-note editor with a fixed version marker, clear audience toggle, and a live preview that updates from the current draft.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Preview release note","actionResult":"Release note preview prepared for the selected audience.","tags":["Editor","Preview"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"billing-table","title":"Billing overview","category":"Finance","summary":"Review invoice status and adjust the billing period.","prompt":"Create a billing overview with period control, invoice rows, clear status labels, and a review action. Use sample records only.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Review invoices","actionResult":"Invoices reviewed for the selected billing period.","tags":["Table","Billing"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"access-review","title":"Access review","category":"Security","summary":"Review team access by member role and active status.","prompt":"Build an access review surface with member rows, editable role selectors, active status, and an explicit review completion action.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Complete access review","actionResult":"Access review completed for the selected team members.","tags":["Permissions","Review"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"invite-team","title":"Invite teammates","category":"People","summary":"Draft teammate invitations with an email and starting role.","prompt":"Design a teammate invitation draft with a validated email field, role choice, and invite preview. No invitation is sent from this local study.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Prepare invitation draft","actionResult":"Invitation draft prepared for review.","tags":["Invite","Roles"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"report-builder","title":"Report builder","category":"Analytics","summary":"Choose a metric and date range for a saved report.","prompt":"Create a report builder with a date range, metric selection, and a preview summary. Use illustrative values.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Save report","actionResult":"Report saved with the selected date range and metrics.","tags":["Filters","Reports"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"inbox-triage","title":"Inbox triage","category":"Support","summary":"Sort incoming requests and assign the next response.","prompt":"Build an inbox triage view with priority filters, a selectable request list, assignment control, and a visible next step. Use sample tickets.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Assign selected request","actionResult":"Selected request assigned to the chosen support owner.","tags":["Inbox","Queue"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"project-board","title":"Project board","category":"Planning","summary":"Move a task through a compact, keyboard-friendly workflow.","prompt":"Create a project board with status columns, task selection, and a status control that visibly moves the task. Avoid drag-only interaction.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Update task status","actionResult":"Task status updated in the project board.","tags":["Board","Tasks"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"command-menu","title":"Command finder","category":"Navigation","summary":"Search available workspace actions and select a destination.","prompt":"Design a command finder with live filtering, keyboard-operable result selection, and a selected command preview.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Preview selected destination","actionResult":"Selected destination preview opened.","tags":["Search","Keyboard"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"settings-profile","title":"Profile settings","category":"Settings","summary":"Edit account details and control profile visibility.","prompt":"Build a profile settings form with editable identity fields, a visibility choice, and clear save feedback.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Save profile","actionResult":"Profile saved with the selected visibility setting.","tags":["Form","Privacy"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"checkout-returns","title":"Return request","category":"Commerce","summary":"Choose a return reason for the item in a sample order.","prompt":"Create a return request for one order item with reason radios, a policy summary, and an explicit final action.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Prepare return","actionResult":"Return request prepared for the selected item and reason.","tags":["Returns","Order"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"inventory-adjust","title":"Inventory adjustment","category":"Operations","summary":"Correct sample stock for a SKU and review projected quantity.","prompt":"Design an inventory adjustment form with SKU, displayed warehouse, quantity delta, and reason fields. Show the projected stock level before saving.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Record adjustment","actionResult":"Inventory adjustment recorded for the selected location.","tags":["Inventory","Audit"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"support-resolution","title":"Support resolution","category":"Support","summary":"Draft a response and select a resolution outcome.","prompt":"Build a support resolution composer with a reply draft, outcome selector, and customer context that supports reviewing before submission.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Prepare resolution","actionResult":"Resolution prepared for support request 4821.","tags":["Response","Resolution"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"schedule-slot","title":"Schedule a session","category":"Calendar","summary":"Select a meeting slot and review its timezone.","prompt":"Create a meeting scheduler with date, selectable time slots, timezone display, and a review action.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Review session","actionResult":"Session review opened for the selected date and time.","tags":["Scheduling","Time"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"survey-editor","title":"Survey question","category":"Research","summary":"Compose a question, answer format, and required response rule.","prompt":"Design a survey question editor with prompt text, response type selection, required toggle, and a realistic respondent preview.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Add question","actionResult":"Question added with the selected response format.","tags":["Survey","Builder"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"audit-trail","title":"Audit trail","category":"Governance","summary":"Filter a sample change history by actor and inspect an event.","prompt":"Build an audit trail with actor filters, readable event rows, and a selected event detail panel. Use sample events.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Save audit view","actionResult":"Audit view saved with the selected filters.","tags":["History","Filter"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}},{"id":"data-import","title":"Import records","category":"Data","summary":"Map incoming columns and validate a local preview.","prompt":"Create a local import mapper with source column selectors, field mapping, validation summary, and a staged import action. No files are uploaded from this study.\n\nUse authored CSS and native controls to create an accessible, responsive study. Do not claim shadcn component or runtime integration.","actionLabel":"Stage import","actionResult":"Import staged with the selected field mappings.","tags":["Import","Mapping"],"provenance":{"kind":"original-study","url":"https://ui.shadcn.com","note":"Original interface study informed by shadcn/ui's composable component approach. No shadcn package or runtime components are imported."}}]},{"id":"aceternity","name":"Aceternity UI","route":"/experiments/aceternity","sourceUrl":"https://ui.aceternity.com","demos":[{"id":"ace-afterglow-launch","title":"Afterglow launch","category":"Product launch","summary":"Shape a focused launch moment around one clear action.","prompt":"Create a product launch interface for afterglow launch. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Preview launch","actionResult":"Launch preview is ready with the selected headline.","tags":["Product launch","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-campaign-bento","title":"Campaign control room","category":"Campaign planning","summary":"Review launch channels, owners, and readiness in one glance.","prompt":"Create a campaign planning interface for campaign control room. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Preview campaign","actionResult":"Campaign preview prepared for the selected audience.","tags":["Campaign planning","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-editorial-story","title":"Field notes","category":"Editorial","summary":"Arrange a story package with a strong lead and precise supporting details.","prompt":"Create a editorial interface for field notes. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Save story draft","actionResult":"Story draft saved in this local preview.","tags":["Editorial","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-release-timeline","title":"Release runway","category":"Release planning","summary":"Move a release through visible gates from build to launch.","prompt":"Create a release planning interface for release runway. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Confirm release","actionResult":"Release window confirmed for the selected track.","tags":["Release planning","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-customer-ledger","title":"Customer pulse","category":"Customer success","summary":"Find accounts that need attention before renewal conversations.","prompt":"Create a customer success interface for customer pulse. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Open priority account","actionResult":"Lumen account opened with renewal context.","tags":["Customer success","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-incident-brief","title":"Incident brief","category":"Operations","summary":"Bring incident status, owners, and recovery steps together.","prompt":"Create a operations interface for incident brief. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Preview recovery steps","actionResult":"Recovery steps opened for the selected incident phase.","tags":["Operations","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-market-signal","title":"Market signal","category":"Research","summary":"Compare a changing trend against its baseline and keep the window adjustable.","prompt":"Create a research interface for market signal. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Save research brief","actionResult":"Research brief saved for the selected time window in this preview.","tags":["Research","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-portfolio-grid","title":"Portfolio index","category":"Portfolio","summary":"Curate a project grid with useful, filterable project states.","prompt":"Create a portfolio interface for portfolio index. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Open selected project","actionResult":"Selected project opened in the local portfolio preview.","tags":["Portfolio","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-inventory-watch","title":"Inventory watch","category":"Commerce operations","summary":"Spot stock pressure and set a useful replenishment view.","prompt":"Create a commerce operations interface for inventory watch. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Create restock brief","actionResult":"Restock brief created for the current inventory view.","tags":["Commerce operations","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-learning-path","title":"Learning path","category":"Learning","summary":"Guide a learner through a short sequence with visible progress.","prompt":"Create a learning interface for learning path. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Continue path","actionResult":"Next lesson opened: Invite a teammate.","tags":["Learning","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-notes-composer","title":"Research composer","category":"Research writing","summary":"Edit a finding and save it alongside its evidence.","prompt":"Create a research writing interface for research composer. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Save finding","actionResult":"Finding saved with its source and confidence.","tags":["Research writing","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-support-inbox","title":"Support triage","category":"Customer support","summary":"Triage incoming requests by urgency and route them to an owner.","prompt":"Create a customer support interface for support triage. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Open selected request","actionResult":"Selected request opened with its support context.","tags":["Customer support","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-fundraising-brief","title":"Fundraising brief","category":"Fundraising","summary":"Present a funding snapshot with traction, use, and next milestone.","prompt":"Create a fundraising interface for fundraising brief. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Prepare investor update","actionResult":"Investor update prepared with the selected audience.","tags":["Fundraising","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-ops-dashboard","title":"Operations pulse","category":"Operations","summary":"Track the few service indicators that call for action today.","prompt":"Create a operations interface for operations pulse. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Acknowledge pulse","actionResult":"Operations pulse acknowledged for this shift.","tags":["Operations","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-project-roadmap","title":"Project roadmap","category":"Project management","summary":"Show the next milestones and let the team choose its view.","prompt":"Create a project management interface for project roadmap. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Confirm next milestone","actionResult":"Schema freeze confirmed as the next milestone.","tags":["Project management","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}},{"id":"ace-briefing-room","title":"Briefing room","category":"Team communication","summary":"Compose a short team update with a clear audience and channel.","prompt":"Create a team communication interface for briefing room. Keep the primary task obvious, make state changes legible, and use motion only to reinforce hierarchy.","actionLabel":"Publish team note","actionResult":"Team note published to the selected channel.","tags":["Team communication","motion study","responsive"],"provenance":{"kind":"original-study","url":"https://ui.aceternity.com/","note":"Original local study informed by Aceternity's expressive React interface patterns; no Aceternity components or runtime are imported."}}]},{"id":"magic-ui","name":"Magic UI","route":"/experiments/magic-ui","sourceUrl":"https://magicui.design","demos":[{"id":"magic-feature-drop","title":"Orbit drop / feature launch","category":"Product release","summary":"Introduce a workspace feature through a focused, orbiting product moment.","prompt":"Design a feature launch card for a shared team workspace. Use a restrained orbit motif to connect three useful destinations, keep the release benefit clear, and let the visitor preview another workspace.","actionLabel":"Open feature tour","actionResult":"Feature tour opened for the selected workspace.","tags":["launch","workspace","motion"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local interface study inspired by Magic UI's animated component patterns; no Magic UI package or runtime is imported."}},{"id":"magic-release-notes","title":"Release notes / changelog","category":"Product communication","summary":"Scan six product changes and choose a release to read.","prompt":"Create a shippable product changelog with concise highlights, a release selector, and a slow horizontal feature ticker that respects reduced motion.","actionLabel":"Preview release notes","actionResult":"Release notes preview prepared for the selected version.","tags":["changelog","release","marquee"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local study using CSS-authored motion and layout; it is not a Magic UI component import."}},{"id":"magic-team-invite","title":"Team invite / access setup","category":"Team administration","summary":"Invite a collaborator with a clear role and useful access summary.","prompt":"Build a compact team invitation panel with role choice, editable invite address, included access details, and a clear invitation action.","actionLabel":"Preview team invite","actionResult":"Team invite preview prepared for the selected address and role.","tags":["team","access","invite"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local form study; no Magic UI package or external service is used."}},{"id":"magic-payment-review","title":"Payment review / queue","category":"Finance operations","summary":"Review flagged and retrying payments in one focused queue.","prompt":"Design a payment review queue with search, clear amounts and reasons, selectable rows, and an explicit review action.","actionLabel":"Open payment review","actionResult":"Payment review opened for Aster · $420 refund.","tags":["payments","review","queue"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local queue study with sample data; no payment provider or Magic UI runtime is connected."}},{"id":"magic-copy-studio","title":"Copy studio / announcement","category":"Content operations","summary":"Edit a product announcement and choose where it will appear.","prompt":"Create a compact announcement editor with an editable draft, length feedback, channel selection, and a publishing action.","actionLabel":"Save announcement draft","actionResult":"Announcement draft saved in this local preview.","tags":["editor","announcement","content"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local editing study; the action updates the demo interface and does not publish externally."}},{"id":"magic-project-board","title":"Project board / next move","category":"Project management","summary":"Scan work across three stages and assign the next task.","prompt":"Build a responsive task board that makes the next move visible, supports selecting a task, and offers a working assignment action.","actionLabel":"Open selected task","actionResult":"Selected task opened in the Q4 site refresh project.","tags":["project","board","tasks"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local board study; no external task system or Magic UI package is connected."}},{"id":"magic-onboarding-path","title":"Onboarding path / first session","category":"Onboarding","summary":"Guide a new project lead through a short setup path.","prompt":"Design a four-step onboarding sequence with direct step navigation, clear progress, role selection, and a meaningful finish action.","actionLabel":"Preview completed setup","actionResult":"Setup completion preview created for the selected role.","tags":["onboarding","steps","setup"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local onboarding study; steps and progress are illustrative and do not create a workspace."}},{"id":"magic-retention-pulse","title":"Retention pulse / cohort view","category":"Product analytics","summary":"Compare return rates by cohort and add a prior-quarter baseline.","prompt":"Create a compact retention readout with adjustable cohort, visible week-by-week values, and a clear comparison action.","actionLabel":"Save retention snapshot","actionResult":"Retention snapshot saved for the selected cohort.","tags":["analytics","cohort","metrics"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original CSS chart study using illustrative figures; no analytics runtime is connected."}},{"id":"magic-support-macro","title":"Support macro / reply composer","category":"Customer support","summary":"Edit a support reply with a clear handoff and reusable help link.","prompt":"Build a reply macro editor that keeps the response editable, names the selected macro, and supports inserting a helpful recovery link.","actionLabel":"Save reply macro","actionResult":"Reply macro saved: Report recovery.","tags":["support","reply","editor"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local content study; no customer message is sent."}},{"id":"magic-design-system","title":"Design system / component index","category":"Design systems","summary":"Review component families and expose the state that needs maintenance.","prompt":"Create a component inventory with selectable families, visible variants and states, and an option to inspect deprecated parts.","actionLabel":"Create maintenance brief","actionResult":"Maintenance brief created for the Form controls component set.","tags":["components","system","inventory"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local component-index study; all showcased controls are authored for this lab."}},{"id":"magic-content-calendar","title":"Content calendar / publishing week","category":"Editorial planning","summary":"Review the publishing week and add a useful open slot.","prompt":"Design a weekly content schedule with concise channel context, day-by-day status, and a working slot creation action.","actionLabel":"Save publishing week","actionResult":"Publishing week draft saved for the selected channel.","tags":["calendar","editorial","schedule"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local schedule study; it does not create an external calendar event."}},{"id":"magic-usage-summary","title":"Usage summary / seat planning","category":"Account analytics","summary":"See seat use and prepare a workspace-specific summary.","prompt":"Build a seat usage view with clear included capacity, role breakdown, workspace selection, and a useful export action.","actionLabel":"Prepare seat report","actionResult":"Seat report prepared for the Studio workspace.","tags":["usage","billing","metrics"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local analytics study with illustrative account figures; no billing service is connected."}},{"id":"magic-order-status","title":"Order status / fulfillment queue","category":"Commerce operations","summary":"Find orders that need packing, shipping, or a stock decision.","prompt":"Design a fulfillment queue with order status, elapsed time, searchable rows, and an action to mark an order packed.","actionLabel":"Open order details","actionResult":"Order 2048 details opened for the All orders view.","tags":["orders","fulfillment","queue"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local queue study with fictional order data; no commerce platform is connected."}},{"id":"magic-event-registration","title":"Event registration / session pick","category":"Event planning","summary":"Choose a session and reserve a place in a short event schedule.","prompt":"Create an event registration moment with session selection, a readable schedule, and a direct reservation action.","actionLabel":"Preview seat reservation","actionResult":"Reservation preview created for the selected session.","tags":["event","registration","schedule"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local event study; reservations are not sent to an event service."}},{"id":"magic-search-results","title":"Search results / command access","category":"Information discovery","summary":"Find a planning brief and narrow results by content type.","prompt":"Design a search results preview with editable query, clear scope selection, concise result labels, and a useful open action.","actionLabel":"Open selected result","actionResult":"Selected search result opened from the visible list.","tags":["search","discovery","results"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local search study with sample records; no remote search provider is queried."}},{"id":"magic-billing-change","title":"Billing change / plan clarity","category":"Billing","summary":"Compare billing cycles and understand what changes at renewal.","prompt":"Build a plan change card with a clear billing selector, concise consequences, and a comparison action beside the primary confirmation.","actionLabel":"Review billing change","actionResult":"Billing change review opened for the selected cycle.","tags":["billing","plan","account"],"provenance":{"kind":"original-study","url":"https://magicui.design/","note":"Original local billing study with illustrative pricing; no plan or payment changes are submitted."}}]},{"id":"motion-primitives","name":"Motion Primitives","route":"/experiments/motion-primitives","sourceUrl":"https://motion-primitives.com","demos":[{"id":"mp-shared-toolbar","title":"Selection toolbar","category":"Editorial","summary":"Open passage tools and attach an editable note.","prompt":"Create a compact editorial selection state with reversible contextual actions and a clear confirmation.","actionLabel":"Save highlight","actionResult":"Highlight saved to your reading list.","tags":["selection","toolbar"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-cursor-menu","title":"Quick actions","category":"Operations","summary":"Open a menu of actions and confirm a choice in place.","prompt":"Design a keyboard-friendly action menu with clear enter and exit states.","actionLabel":"Run selected action","actionResult":"Vendor follow-up updated.","tags":["menu","presence"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-search-reveal","title":"Search reveal","category":"Navigation","summary":"Expand a search field without losing its surrounding context.","prompt":"Reveal a compact search field with a working query and result count.","actionLabel":"Search collection","actionResult":"Project search updated for your query.","tags":["search","layout"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-progressive-disclosure","title":"Plan details","category":"Commerce","summary":"Review Studio plan features before selection.","prompt":"Animate a plan detail disclosure while keeping the control and content relationship clear.","actionLabel":"Choose Studio","actionResult":"Studio plan selected: $24 per month.","tags":["disclosure","layout"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-pricing-switch","title":"Billing cadence","category":"Commerce","summary":"Compare monthly and annual pricing at a glance.","prompt":"Switch billing cadence and update price, savings, and selection feedback.","actionLabel":"Continue with this plan","actionResult":"Selected billing cadence is ready to continue.","tags":["toggle","pricing"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-undo-toast","title":"Undo a change","category":"Productivity","summary":"Change an assignment and keep a clear path to undo it.","prompt":"Show a reversible assignment change with an accessible live status.","actionLabel":"Assign to Maya","actionResult":"Task assigned to Maya Chen.","tags":["undo","toast"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-stacked-avatars","title":"Review team","category":"Collaboration","summary":"See who is reviewing and invite another teammate.","prompt":"Make team presence legible in a narrow, animated review card.","actionLabel":"Prepare reviewer invite","actionResult":"Reviewer invitation prepared.","tags":["presence","invite"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-project-carousel","title":"Project switcher","category":"Navigation","summary":"Move between projects with direct, reversible controls.","prompt":"Build an accessible project carousel with persistent selection state.","actionLabel":"Open selected project","actionResult":"Selected workspace opened.","tags":["carousel","navigation"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-quantity-stepper","title":"Seat quantity","category":"Commerce","summary":"Adjust a seat count while seeing the updated total.","prompt":"Use bounded quantity controls with clear pricing feedback.","actionLabel":"Update seats","actionResult":"Seat count updated at the selected quantity.","tags":["stepper","pricing"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-command-palette","title":"Command finder","category":"Navigation","summary":"Filter a short command list and run a result.","prompt":"Filter and run commands with an animated active row.","actionLabel":"Run command","actionResult":"Selected command opened.","tags":["filter","commands"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-upload-state","title":"Upload review","category":"Files","summary":"Review a selected file and advance its staged upload.","prompt":"Show file readiness and a purposeful staged upload transition.","actionLabel":"Stage report upload","actionResult":"Q3 report staged at 100% for Shared files.","tags":["progress","files"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-checkout-stepper","title":"Delivery details","category":"Commerce","summary":"Move through delivery and payment with a visible step.","prompt":"Let shoppers review delivery details before moving to payment.","actionLabel":"Continue to payment","actionResult":"Delivery details confirmed. Payment is next.","tags":["steps","checkout"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-saved-state","title":"Save preference","category":"Settings","summary":"Toggle a preference and confirm the saved state.","prompt":"Make save feedback persistent, calm, and reversible.","actionLabel":"Save preferences","actionResult":"Your notification preferences are saved.","tags":["toggle","settings"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-notification-stack","title":"Activity inbox","category":"Collaboration","summary":"Clear an activity item and keep neighboring context.","prompt":"Remove an inbox item with an animated layout shift and restore option.","actionLabel":"Mark all read","actionResult":"All activity updates are marked as read.","tags":["notifications","list"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-reading-progress","title":"Reading position","category":"Editorial","summary":"Jump between sections and track reading progress.","prompt":"Connect section navigation to a clear reading position indicator.","actionLabel":"Save this position","actionResult":"Reading position saved for the selected section.","tags":["progress","reading"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}},{"id":"mp-focus-tabs","title":"Workspace tabs","category":"Productivity","summary":"Switch views while preserving a calm focus state.","prompt":"Build animated tabs with semantic selection and distinct view content.","actionLabel":"Create a view","actionResult":"A new workspace view is ready to configure.","tags":["tabs","workspace"],"provenance":{"kind":"original-study","url":"https://motion-primitives.com","note":"Original interaction study using Motion for React; not a component copied from Motion Primitives."}}]},{"id":"uiverse","name":"Uiverse","route":"/experiments/uiverse","sourceUrl":"https://uiverse.io","demos":[{"id":"uv-command","title":"Export control","category":"Data","summary":"Download a local project review as CSV.","prompt":"Create a tactile export control that downloads a small, usable CSV artifact.","actionLabel":"Download review CSV","actionResult":"June review CSV downloaded.","tags":["button","export"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-contact","title":"Studio visit","category":"Forms","summary":"Prepare a studio visit request and choose what to see.","prompt":"Set native fields into an editorial studio visit request.","actionLabel":"Prepare visit request","actionResult":"Visit request prepared with your selected interests.","tags":["form","select"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-switch","title":"Price alert","category":"Commerce","summary":"Turn on a watchlist alert with a compact switch.","prompt":"Remix the switch pattern as a clear, accessible price alert setting.","actionLabel":"Save alert setting","actionResult":"Selected price alert setting saved.","tags":["switch","watchlist"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-loader","title":"Inventory availability","category":"Operations","summary":"Review eight available objects in the collection.","prompt":"Use a compact disclosure to reveal an eight-object inventory fixture.","actionLabel":"Show available objects","actionResult":"Showing 8 available objects.","tags":["loader","inventory"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-favorite","title":"Save an object","category":"Commerce","summary":"Save a collectible object for later.","prompt":"Give a product save control a restrained, reversible state.","actionLabel":"Save this object","actionResult":"Lumen chair added to your saved objects.","tags":["favorite","object"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-seats","title":"Access seats","category":"Commerce","summary":"Set a workspace seat count and see its cost.","prompt":"Use a bounded accessible stepper to set workspace seats.","actionLabel":"Apply seat count","actionResult":"Workspace seat quantity updated.","tags":["stepper","pricing"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-rating","title":"Visit rating","category":"Feedback","summary":"Rate a studio visit using keyboard-accessible controls.","prompt":"Make a star rating keyboard-friendly and legible before selection.","actionLabel":"Save visit rating","actionResult":"Your visit rating was recorded.","tags":["rating","feedback"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-filter","title":"Price filter","category":"Discovery","summary":"Filter a collection by a maximum price.","prompt":"Pair a simple price limit with a concrete collection preview.","actionLabel":"Apply filters","actionResult":"Selected price filter applied.","tags":["filter","input"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-accordion","title":"Care guide","category":"Editorial","summary":"Open the care instructions for an oak object.","prompt":"Set a native disclosure interaction inside a material care card.","actionLabel":"Open care guide","actionResult":"Care guide opened at cleaning instructions.","tags":["accordion","disclosure"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-file","title":"Attach a reference","category":"Files","summary":"Choose an image or PDF as a project reference.","prompt":"Use the native file picker in a clear attach-reference drop area.","actionLabel":"Choose a reference","actionResult":"Reference picker opened for this project.","tags":["file","upload"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-tabs","title":"Material collection","category":"Discovery","summary":"Switch between wood, stone, and textile samples.","prompt":"Give a materials collection distinct, accessible tab states.","actionLabel":"Open selected collection","actionResult":"The selected collection is open.","tags":["tabs","collection"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-range","title":"Contrast preview","category":"Accessibility","summary":"Adjust the preview contrast before saving.","prompt":"Tie a native range slider to an immediate accessible preview.","actionLabel":"Save contrast preference","actionResult":"Contrast preference saved at the selected level.","tags":["range","accessibility"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-toggle-group","title":"Archive layout","category":"Discovery","summary":"Switch a collection preview between grid and list.","prompt":"Offer real grid and list modes in a compact view control.","actionLabel":"Apply collection view","actionResult":"Selected archive view applied.","tags":["toggle","layout"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-stepper","title":"Order quantity","category":"Commerce","summary":"Choose an order quantity alongside an object preview.","prompt":"Seat a practical quantity stepper in an object order card.","actionLabel":"Add to order","actionResult":"Lumen chair added to your order.","tags":["quantity","commerce"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-copy-link","title":"Share object","category":"Sharing","summary":"Copy a shareable object URL.","prompt":"Make a copy action clear and confirm when the local copy succeeds.","actionLabel":"Copy object link","actionResult":"Object link copied to the clipboard.","tags":["copy","sharing"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}},{"id":"uv-feedback","title":"Archive feedback","category":"Feedback","summary":"Choose a topic and write a note for the archive team.","prompt":"Combine a small feedback topic picker with a useful note field.","actionLabel":"Submit feedback","actionResult":"Thanks. Your feedback is saved.","tags":["feedback","form"],"provenance":{"kind":"original-study","url":"https://uiverse.io","note":"Original CSS study inspired by Uiverse's community element culture; no community snippet or author work is imported."}}]},{"id":"21st-dev","name":"21st.dev","route":"/experiments/21st-dev","sourceUrl":"https://21st.dev","demos":[{"id":"21st-dev-approval-desk","title":"Release approval","category":"workflow","summary":"Review a prepared change before it ships.","prompt":"Create a polished agent-facing release approval surface. Keep ownership, context, and the next action visible.","actionLabel":"Approve release","actionResult":"Release approved for staging.","tags":["agent UI","workflow","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-tool-permissions","title":"Tool permissions","category":"security","summary":"Grant an agent only the access this task needs.","prompt":"Create a polished agent-facing tool permissions surface. Keep ownership, context, and the next action visible.","actionLabel":"Save permissions","actionResult":"Permissions saved for the selected run.","tags":["agent UI","security","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-diff-review","title":"Change review","category":"review","summary":"Inspect a focused patch with its rationale in view.","prompt":"Create a polished agent-facing change review surface. Keep ownership, context, and the next action visible.","actionLabel":"Accept patch","actionResult":"Patch accepted and added to the review queue.","tags":["agent UI","review","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-command-center","title":"Command center","category":"routing","summary":"Route work to the right specialist with clear ownership.","prompt":"Create a polished agent-facing command center surface. Keep ownership, context, and the next action visible.","actionLabel":"Route task","actionResult":"Task routed to the selected specialist.","tags":["agent UI","routing","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-runbook-builder","title":"Runbook builder","category":"planning","summary":"Turn a request into a short, reviewable sequence.","prompt":"Create a polished agent-facing runbook builder surface. Keep ownership, context, and the next action visible.","actionLabel":"Create runbook","actionResult":"Runbook created with three reviewable steps.","tags":["agent UI","planning","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-batch-triage","title":"Batch triage","category":"triage","summary":"Sort incoming work by urgency without losing context.","prompt":"Create a polished agent-facing batch triage surface. Keep ownership, context, and the next action visible.","actionLabel":"Apply triage","actionResult":"Selected request filter applied.","tags":["agent UI","triage","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-handoff-room","title":"Handoff room","category":"handoff","summary":"Pass a task between people and agents with context intact.","prompt":"Create a polished agent-facing handoff room surface. Keep ownership, context, and the next action visible.","actionLabel":"Send handoff","actionResult":"Handoff sent with the selected context.","tags":["agent UI","handoff","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-data-mapper","title":"Data mapper","category":"data","summary":"Map source fields to a clean destination schema.","prompt":"Create a polished agent-facing data mapper surface. Keep ownership, context, and the next action visible.","actionLabel":"Save mapping","actionResult":"Field mapping saved for the current import.","tags":["agent UI","data","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-agent-observer","title":"Run observer","category":"monitor","summary":"Follow a live run and inspect each tool call.","prompt":"Create a polished agent-facing run observer surface. Keep ownership, context, and the next action visible.","actionLabel":"Open run report","actionResult":"Run report opened for the retention audit.","tags":["agent UI","monitor","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-prompt-studio","title":"Prompt studio","category":"editor","summary":"Shape a structured brief before handing it to an agent.","prompt":"Create a polished agent-facing prompt studio surface. Keep ownership, context, and the next action visible.","actionLabel":"Save brief","actionResult":"Brief saved with its acceptance criteria.","tags":["agent UI","editor","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-incident-bridge","title":"Incident bridge","category":"incident","summary":"Coordinate an incident from signal to next action.","prompt":"Create a polished agent-facing incident bridge surface. Keep ownership, context, and the next action visible.","actionLabel":"Assign next step","actionResult":"Next step assigned to the on-call engineer.","tags":["agent UI","incident","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-source-picker","title":"Source picker","category":"sources","summary":"Choose which trusted sources a research run may use.","prompt":"Create a polished agent-facing source picker surface. Keep ownership, context, and the next action visible.","actionLabel":"Start research","actionResult":"Research started with the selected sources.","tags":["agent UI","sources","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-queue-planner","title":"Queue planner","category":"capacity","summary":"Balance work across a small team of specialists.","prompt":"Create a polished agent-facing queue planner surface. Keep ownership, context, and the next action visible.","actionLabel":"Balance queue","actionResult":"Queue balanced across available specialists.","tags":["agent UI","capacity","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-policy-check","title":"Policy check","category":"policy","summary":"Check a proposed action against a clear rule set.","prompt":"Create a polished agent-facing policy check surface. Keep ownership, context, and the next action visible.","actionLabel":"Run policy check","actionResult":"Policy outcome shown for the proposed action.","tags":["agent UI","policy","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-artifact-compare","title":"Artifact compare","category":"compare","summary":"Compare generated files before choosing a version.","prompt":"Create a polished agent-facing artifact compare surface. Keep ownership, context, and the next action visible.","actionLabel":"Keep version B","actionResult":"Version B selected as the working artifact.","tags":["agent UI","compare","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}},{"id":"21st-dev-tool-builder","title":"Tool builder","category":"builder","summary":"Define a small tool contract with a visible test payload.","prompt":"Create a polished agent-facing tool builder surface. Keep ownership, context, and the next action visible.","actionLabel":"Validate tool","actionResult":"Tool contract passed the sample validation.","tags":["agent UI","builder","original study"],"provenance":{"kind":"original-study","url":"https://21st.dev/","note":"Original interface study inspired by agent-composable UI patterns; no 21st.dev package or copied component is used."}}]},{"id":"spline","name":"Spline","route":"/experiments/spline","sourceUrl":"https://spline.design","demos":[{"id":"spline-chair-configurator","title":"Form / chair configurator","category":"Product configuration","summary":"Choose an upholstery finish and review a sculptural lounge chair.","prompt":"Create a product configurator for a sculptural lounge chair. Put the 3D object in a calm studio, make upholstery choices tangible, and keep price and availability close to the controls.","actionLabel":"Save chair configuration","actionResult":"Chair configuration saved: selected upholstery, viewing angle and light captured.","tags":["furniture","configuration"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS and DOM scene study inspired by Spline's real-time 3D authoring; no Spline scene or runtime is embedded."}},{"id":"spline-sneaker-colorway","title":"Colorway / sneaker release","category":"Product configuration","summary":"Compare a limited-run sneaker in three considered colorways.","prompt":"Design a sneaker colorway selector for a limited release. Make the shoe the focal point, show the selected colorway and stock context, and allow quick comparison.","actionLabel":"Preview reservation","actionResult":"Colorway preview saved: runner · selected colorway and size recorded","tags":["footwear","commerce"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS and DOM product still; the rendered shoe is a local authored illustration, not an imported Spline scene."}},{"id":"spline-watch-material","title":"Material / watch inspection","category":"Product detail","summary":"Inspect case metal, dial finish and movement details in one focused view.","prompt":"Build a premium watch inspection surface that lets a buyer switch metal and dial materials while keeping dimensions and movement facts easy to scan.","actionLabel":"Add bag preview","actionResult":"Bag preview updated: Meridian 38 · case, dial and $640 price recorded","tags":["watch","materials"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original local CSS model study; no proprietary geometry, Spline runtime, or external asset is used."}},{"id":"spline-room-planner","title":"Room / light planner","category":"Spatial planning","summary":"Tune a small reading room's light before choosing a floor lamp.","prompt":"Create a room planning preview for a reading corner. Let people adjust light warmth and lamp placement, then save the scene as a practical design note.","actionLabel":"Save room plan","actionResult":"Room plan saved: selected lamp position, view angle and studio lighting captured.","tags":["interiors","lighting"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS room illustration with interactive controls; it is not a 3D engine or Spline export."}},{"id":"spline-gallery-object","title":"Object / gallery label","category":"Exhibition","summary":"Read the provenance of a ceramic study alongside its silhouette.","prompt":"Stage a single ceramic object as a gallery exhibit. Balance a restrained label, maker, year, material, and an object view that feels worth lingering on.","actionLabel":"Open object record","actionResult":"Object record opened: Vessel No. 04 · selected exhibit view and object details included","tags":["gallery","editorial"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original DOM/CSS exhibition mock with an abstract vessel illustration; no museum collection asset is included."}},{"id":"spline-speaker-comparison","title":"Pair / speaker comparison","category":"Product comparison","summary":"Compare two desktop speakers by footprint, finish and output.","prompt":"Create a side-by-side speaker comparison for a compact desk setup. Keep measurements and output legible while users switch the pair under review.","actionLabel":"Compare selected pair","actionResult":"Speaker comparison saved: selected model configuration and output specifications captured.","tags":["audio","comparison"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS product illustration and comparison UI; no embedded runtime or external product imagery."}},{"id":"spline-bottle-label","title":"Label / fragrance preview","category":"Packaging","summary":"Set a fragrance label and bottle tint before sending a proof.","prompt":"Make a fragrance packaging proof surface with editable label text, bottle tint, and a clear send-for-review action. Keep the bottle readable at narrow widths.","actionLabel":"Preview fragrance proof","actionResult":"Proof preview saved: No. 07 · selected label and bottle tint","tags":["packaging","fragrance"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS bottle mock with live label text; no brand assets or Spline project are bundled."}},{"id":"spline-camera-inspection","title":"Camera / field kit","category":"Product detail","summary":"Inspect lens, body and carry kit details for a travel camera.","prompt":"Design an equipment detail page for a travel camera. Show the camera as a tactile hero and let people inspect body, lens and included accessories.","actionLabel":"Build field kit","actionResult":"Field kit saved: Atlas body · selected lens and accessories recorded","tags":["camera","equipment"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS illustration, not a camera model or Spline runtime integration."}},{"id":"spline-table-layout","title":"Table / workspace fit","category":"Spatial planning","summary":"Check a desk footprint against a compact home-office plan.","prompt":"Create a desk fit planner that previews a work surface in a compact room and reports clearance around the chair and door.","actionLabel":"Review workspace fit","actionResult":"Workspace plan saved: desk footprint selected · clearance review still needed","tags":["workspace","fit"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS floor-plan and furniture illustration; dimensions are illustrative demo data."}},{"id":"spline-bag-customizer","title":"Carry / bag customizer","category":"Product configuration","summary":"Choose canvas, hardware and strap length for an everyday bag.","prompt":"Build a bag customizer where material, hardware, and strap choices update a clean product view and remain summarized before save.","actionLabel":"Save carry build","actionResult":"Carry build saved: bag canvas, hardware and strap length recorded","tags":["accessories","configuration"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS product study with local swatch controls; no imported Spline asset."}},{"id":"spline-lamp-lighting","title":"Lamp / beam study","category":"Lighting","summary":"Aim a reading lamp and tune its beam across a paper surface.","prompt":"Present a task lamp with a simple beam direction control and three warmth presets. Make the light effect visible without hiding its controls.","actionLabel":"Save lighting setup","actionResult":"Lighting setup saved: selected warmth and beam direction recorded.","tags":["lighting","interiors"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original layered CSS lighting illustration; no WebGL scene is loaded."}},{"id":"spline-headphone-fit","title":"Headphones / fit guide","category":"Product detail","summary":"Pick a headband fit and inspect the included listening controls.","prompt":"Create a headphone fit guide with a useful fit selector, included accessories, and clear next action for a customer comparing sizes.","actionLabel":"Choose this fit","actionResult":"Fit selection saved: Studio headphones · selected fit recorded","tags":["audio","fit"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS headphone illustration; dimensions and options are illustrative."}},{"id":"spline-perfume-archive","title":"Bottle / archive entry","category":"Collection archive","summary":"Browse a perfumer's numbered batch and open the full note.","prompt":"Design a digital archive record for a numbered perfume batch. Let readers move between entries and open a concise note with materials and release date.","actionLabel":"Open batch notes","actionResult":"Batch notes opened: selected formula · materials and release year included","tags":["archive","fragrance"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original local archive layout and CSS bottle study; all records are fictional demo content."}},{"id":"spline-package-volume","title":"Box / shipment preview","category":"Packaging","summary":"Check parcel dimensions against a fragile ceramic order.","prompt":"Create a parcel planning preview for a fragile ceramic shipment. Show the box volume, protective fill, and a practical packing check.","actionLabel":"Save packing preview","actionResult":"Packing preview saved: selected box dimensions · corner protection noted","tags":["shipping","packaging"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS packaging study; shipment measurements are illustrative and do not calculate carrier rates."}},{"id":"spline-building-massing","title":"Block / building massing","category":"Architecture","summary":"Compare three small building masses against a daylight window.","prompt":"Build a conceptual architecture massing board with three volume options and a daylight note. The task is early comparison, not construction approval.","actionLabel":"Save massing option","actionResult":"Massing option saved: selected courtyard volume and daylight context captured.","tags":["architecture","study"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS massing diagram; forms and daylight notes are conceptual, not architectural guidance."}},{"id":"spline-chair-collection","title":"Seat / collection launch","category":"Campaign","summary":"Reveal a new dining chair with an available finish and release date.","prompt":"Create an editorial launch page for a new dining chair. Lead with the object, show available materials and date, and give buyers a direct notification action.","actionLabel":"Preview launch reminder","actionResult":"Launch reminder preview saved: Arc dining chair · selected finish · October 18","tags":["furniture","campaign"],"provenance":{"kind":"original-study","url":"https://spline.design","note":"Original CSS campaign scene and local illustration; no live inventory or Spline runtime."}}]},{"id":"unicorn-studio","name":"Unicorn Studio","route":"/experiments/unicorn-studio","sourceUrl":"https://unicorn.studio","demos":[{"id":"unicorn-event-ticket","title":"Signal / event ticket","category":"Event identity","summary":"Bring a neighborhood night market into focus with one clear ticket action.","prompt":"Design an atmospheric night market ticket landing page. Let a short light sweep introduce the date and location, then resolve to a readable booking action.","actionLabel":"Preview two passes","actionResult":"Pass preview saved: Night Market · Saturday, 7 pm · Gate B","tags":["event","ticketing"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original CSS and DOM motion study inspired by interactive web effects; no Unicorn Studio embed or export is included."}},{"id":"unicorn-finance-reveal","title":"Pulse / balance reveal","category":"Financial dashboard","summary":"Reveal a monthly savings milestone without burying the number in motion.","prompt":"Create a personal finance milestone screen where a quick light pulse reveals a savings balance and a next goal. Keep motion subordinate to the figures.","actionLabel":"Preview savings plan","actionResult":"Savings plan preview saved: $8,420 current balance · $10,000 next milestone","tags":["finance","data"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original local CSS motion and data composition; no third-party effect runtime or live financial data."}},{"id":"unicorn-app-onboarding","title":"Arrival / app onboarding","category":"Onboarding","summary":"Introduce a shared garden journal with one simple first step.","prompt":"Make a welcoming onboarding screen for a shared garden journal. Let the atmospheric reveal support one clear first action and keep the next step visible.","actionLabel":"Create garden","actionResult":"Garden brief created: Sunday Plot · invite link preview ready","tags":["onboarding","mobile"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original responsive DOM/CSS composition; not a Unicorn Studio export."}},{"id":"unicorn-product-drop","title":"Afterglow / product drop","category":"Product launch","summary":"Land the new running shoe, its release time and a notify action.","prompt":"Design a high-impact product release for a trail running shoe. Use one controlled afterglow, keep the release details sharp, and make notification signup the clear action.","actionLabel":"Preview release alert","actionResult":"Release alert preview saved: Ridge trail shoe · October 24 · 9 am CT","tags":["commerce","release"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original CSS product poster and motion layers; no product asset or Unicorn runtime is embedded."}},{"id":"unicorn-album-cover","title":"Frequency / album premiere","category":"Music release","summary":"Set a listening reminder for a late-night ambient record.","prompt":"Create an album premiere page that uses a restrained frequency visual to lead into the title, release date, and a listening reminder.","actionLabel":"Preview listening reminder","actionResult":"Listening reminder saved: Still / Between · November 2 · 10 pm","tags":["music","premiere"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original CSS sound-wave illustration and release UI; no audio is played and no external media is required."}},{"id":"unicorn-donation-campaign","title":"Current / giving campaign","category":"Campaign","summary":"Choose a monthly contribution to restore a local river bend.","prompt":"Build a donation campaign for a local river restoration project. Use a water-like transition, show where contributions go, and make contribution frequency and amount clear.","actionLabel":"Preview monthly pledge","actionResult":"Pledge preview saved: $25 monthly · River Bend Fund","tags":["giving","campaign"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original interface study with illustrative campaign data; it does not collect or process payments."}},{"id":"unicorn-weather-alert","title":"Front / weather briefing","category":"Weather briefing","summary":"Scan an incoming storm's timing and neighborhood impact.","prompt":"Design a storm briefing screen where a cloud-front effect reveals timing, rainfall, and a useful neighborhood preparation action.","actionLabel":"Save storm checklist","actionResult":"Checklist saved: Charge devices · clear drain · bring plants inside","tags":["weather","briefing"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original local CSS weather visualization using fictional conditions; no live forecast connection."}},{"id":"unicorn-saas-metrics","title":"Lift / launch metrics","category":"SaaS dashboard","summary":"Read three launch signals before sharing the weekly report.","prompt":"Create a launch dashboard moment that reveals three high-signal metrics with a precise accent sweep. Preserve number labels and report context.","actionLabel":"Preview weekly report","actionResult":"Weekly report preview: 1,284 visits · 8.6% signup · 42 active users","tags":["dashboard","metrics"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original CSS data storytelling screen; all metrics are sample values and not connected to a product."}},{"id":"unicorn-theater-festival","title":"Curtain / festival program","category":"Arts program","summary":"Choose a performance from a three-night theater program.","prompt":"Design a theater festival program where a curtain-like reveal introduces the evening lineup. Keep venue, time, and selection controls easy to scan.","actionLabel":"Choose Friday performance","actionResult":"Performance selection saved: Glass House · Friday, 8 pm · East Hall","tags":["theater","schedule"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original CSS event identity study with fictional program data; no ticketing provider integration."}},{"id":"unicorn-fashion-lookbook","title":"Fold / seasonal lookbook","category":"Editorial commerce","summary":"Browse the materials and release date for a small capsule collection.","prompt":"Create an editorial fashion lookbook with a paper-fold transition, concise garment details, and a clear collection release reminder.","actionLabel":"Save collection note","actionResult":"Collection note saved: Field Notes / 02 · release November 8","tags":["fashion","editorial"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original DOM/CSS editorial composition; no fashion photography or external asset is loaded."}},{"id":"unicorn-cafe-order","title":"Steam / cafe pickup","category":"Ordering","summary":"Choose a roast and set a pickup time at a neighborhood cafe.","prompt":"Make a warm cafe pickup flow where a short steam animation frames roast, size, and pickup time. Keep the order summary and fulfillment action explicit.","actionLabel":"Preview pickup order","actionResult":"Pickup order preview: 12 oz Field Blend · oat milk · 8:20 am","tags":["cafe","ordering"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original local ordering interaction; sample order only, no cafe system or payment integration."}},{"id":"unicorn-climate-dashboard","title":"Canopy / climate reading","category":"Climate data","summary":"Compare neighborhood tree cover with the citywide average.","prompt":"Build a climate data story comparing local tree cover and city average. Use a canopy-inspired reveal while keeping units, date, and comparison legible.","actionLabel":"Open neighborhood report","actionResult":"Report preview opened: Eastwood canopy · 24% cover · city average 31%","tags":["climate","data"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original CSS visualization with illustrative neighborhood figures; not an authoritative environmental dataset."}},{"id":"unicorn-conference-schedule","title":"Beacon / conference agenda","category":"Conference","summary":"Save a practical route through a one-day design conference.","prompt":"Create a conference agenda that uses one beacon-like effect to highlight a selected room and next talk. Keep time and venue hierarchy crisp.","actionLabel":"Save my agenda","actionResult":"Agenda saved: Material Futures · Hall C · 10:30 am, then Form Lab","tags":["conference","agenda"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original responsive CSS schedule study with fictional sessions; no event service integration."}},{"id":"unicorn-hotel-booking","title":"Tide / coastal stay","category":"Travel booking","summary":"Pick a two-night room and review the stay details before continuing.","prompt":"Design a coastal stay booking preview with a tide-inspired horizon, two room options, and a clear date and price summary before confirmation.","actionLabel":"Preview room hold","actionResult":"Stay preview saved: Garden room · 2 nights · $468 before tax","tags":["travel","booking"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original booking prototype using illustrative rates; no inventory or reservation provider is connected."}},{"id":"unicorn-portfolio-reel","title":"Frame / portfolio reel","category":"Creative portfolio","summary":"Open a focused case study from a motion designer's selected work.","prompt":"Create a portfolio cover that frames one motion case study and gives visitors a direct path to inspect the project details.","actionLabel":"Open case study","actionResult":"Case study preview opened: Hush / motion identity for quiet spaces","tags":["portfolio","creative"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original typographic case-study cover and CSS motion; no client work or external media is shown."}},{"id":"unicorn-community-countdown","title":"Orbit / community meetup","category":"Community event","summary":"Save a seat for a small creative coding meetup.","prompt":"Make a welcoming creative coding meetup page with a brief orbital arrival, venue details, attendee capacity, and a clear seat action.","actionLabel":"Preview a seat","actionResult":"Meetup pass preview saved: Creative Coding Club · October 29 · 18 places remain","tags":["community","event"],"provenance":{"kind":"original-study","url":"https://unicorn.studio","note":"Original CSS event page using fictional meetup details; no registration service or external assets."}}]},{"id":"component-gallery","name":"Component Gallery","route":"/experiments/component-gallery","sourceUrl":"https://component.gallery","demos":[{"id":"component-gallery-buttons","title":"Buttons","category":"actions","summary":"Compare the weight of an action across three visual systems.","prompt":"Study one publish action expressed with restrained, firm, and outlined button treatments.","actionLabel":"Apply button style","actionResult":"Button treatment applied to the publish action.","tags":["button","hierarchy","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-tabs","title":"Tabs","category":"navigation","summary":"Keep nearby project settings easy to scan and switch.","prompt":"Compare compact, count-bearing tabs for a settings page with three related panels.","actionLabel":"Open selected tab","actionResult":"Selected settings tab opened.","tags":["tabs","navigation","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-search","title":"Search","category":"discovery","summary":"Find a project quickly without losing its useful context.","prompt":"Study a searchable project picker that keeps each result's category and recency visible.","actionLabel":"Open matching project","actionResult":"Project browser updated for the current search.","tags":["search","results","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-stepper","title":"Quantity stepper","category":"input","summary":"Set a booking quantity with its cost always in view.","prompt":"Compare quantity stepper affordances for booking a workshop with a live total.","actionLabel":"Reserve seats","actionResult":"Seats reserved for the selected workshop quantity.","tags":["stepper","booking","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-segments","title":"Segmented control","category":"selection","summary":"Switch billing periods while keeping the price clear.","prompt":"Study a two-option billing selector with the active price and annual saving visible.","actionLabel":"Choose billing cycle","actionResult":"Billing cycle updated for the selected plan.","tags":["segmented control","billing","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-pagination","title":"Pagination","category":"navigation","summary":"Navigate a dense order list with its current range in view.","prompt":"Compare a compact table pager that preserves row range and total count.","actionLabel":"Load next page","actionResult":"Next page of orders loaded.","tags":["pagination","table","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-toast","title":"Toast notification","category":"feedback","summary":"Confirm a saved view without blocking the next task.","prompt":"Study a dismissible, recoverable save confirmation with a useful next location.","actionLabel":"Save current view","actionResult":"Current view saved to the project sidebar.","tags":["toast","notification","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-accordion","title":"Accordion","category":"disclosure","summary":"Answer setup questions without pushing the booking form away.","prompt":"Compare a compact question accordion that reveals one useful answer at a time.","actionLabel":"Continue to booking","actionResult":"Selected setup detail added to the booking brief.","tags":["accordion","content","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-form","title":"Contact form","category":"forms","summary":"Collect a short project inquiry with clear field labels.","prompt":"Study a low-friction contact form with direct labels and a concrete response expectation.","actionLabel":"Send project note","actionResult":"Project note added to the local inquiry queue.","tags":["form","validation","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-avatars","title":"Avatar group","category":"identity","summary":"Show project participants and make ownership easy to inspect.","prompt":"Study a compact participant group with an overflow count, invite action, and selected member details.","actionLabel":"Open member profile","actionResult":"Selected project member profile opened.","tags":["avatar group","collaboration","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-plans","title":"Plan cards","category":"pricing","summary":"Compare tiers with a clear selection and per-seat price.","prompt":"Study plan selection cards with distinct audience fit, price, and selected state.","actionLabel":"Select plan","actionResult":"Selected plan saved to the workspace setup.","tags":["cards","selection","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-breadcrumbs","title":"Breadcrumbs","category":"navigation","summary":"Keep a deep project location legible and inspectable.","prompt":"Study a breadcrumb path with an adjacent location preview and inspectable path action.","actionLabel":"Open current folder","actionResult":"Current folder opened in the project browser.","tags":["breadcrumbs","wayfinding","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-filters","title":"Filter chips","category":"filtering","summary":"Narrow a task list by status and assignee.","prompt":"Study compact multi-filter chips that summarize a visible sample task list.","actionLabel":"Apply task filters","actionResult":"Task list updated with the selected filters.","tags":["chips","filters","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-empty-state","title":"Empty state","category":"onboarding","summary":"Help a reader start a useful saved collection.","prompt":"Study a useful empty reading list with one direct path to find content.","actionLabel":"Browse articles","actionResult":"Article choices shown for the reading collection.","tags":["empty state","recovery","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-date-picker","title":"Date picker","category":"input","summary":"Choose a meeting date from a compact monthly calendar.","prompt":"Study a monthly calendar with clear weekdays, adjacent-month dates, and selected-date summary.","actionLabel":"Schedule meeting","actionResult":"Meeting scheduled for the selected date.","tags":["calendar","date","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}},{"id":"component-gallery-toggle","title":"Toggle switch","category":"settings","summary":"Manage email preferences with each consequence in view.","prompt":"Study accessible notification switches with a plain-language description for each preference.","actionLabel":"Save preferences","actionResult":"Email preferences saved for this workspace.","tags":["toggle","preferences","original study"],"provenance":{"kind":"original-study","url":"https://component.gallery/","note":"Original pattern study. The three named visual lenses are invented treatments and are not presented as Component Gallery examples."}}]}]}