Oil UI106 · Design examples
Browse working Oil UI gallery examples by interface format or a concrete design task. Open the original demos, compare approaches and inspect the prompts behind them.
45 · Design examplesWebsites, landing pages and ecommerce UI made with Codex and Oil UI Skill. Open the working demos, then reuse the original prompts in Claude Code, Codex or another agent.
33 · Design examplesMobile app interfaces made with Codex, Claude Code and Oil UI Skill, from learning and travel to health and everyday tools. Explore multi-screen demos and reuse the original prompts.
18 · Design examplesDesktop apps, editors and workspaces made with Codex and Oil UI Skill. Try the demos and reuse the original prompts to study dense information, lists, canvases and multi-panel layouts.
10 · Design examplesInteractive components and UI modules made with Codex, Claude Code and Oil UI Skill, including visualizations and control panels. Try the demos and reuse the original prompts.
5 · Design examplesExplore working configurators for mechanical keyboards, handmade bracelets, running shoes and furniture. See how options, live previews and order summaries work together, then inspect the original briefs.
5 · Design examplesFollow complete checkout, onboarding, booking and upload flows. Study field grouping, step transitions, validation and recovery from mistakes rather than judging a tidy row of inputs.
7 · Design examplesExplore lessons that turn circle geometry, circuits, molecular structures and chess tactics into actions. Compare how demonstrations, guided practice and specific feedback connect.
5 · Design examplesCompare digital banking, personal budgeting, receipt reconciliation, subscription revenue and API billing. Study amount hierarchy, transaction evidence, exception handling and export flows across distinct financial tasks.
7 · Design examplesExplore video review, timeline editing, storyboards, TV streaming, podcasts and music players. Compare how imagery, playback controls, comments and queues share limited space.
4 · Design examplesExplore cycle tracking, sleep routines, running recovery and swim workouts. Study hierarchy and tone for sensitive health data, predictions and frequent logging without turning every screen into a dashboard.