Niche Works practical reference series

UI Atlas Pro

Free is a basic UI pattern reference. Pro turns UI choices into implementation decisions, handoff documents, review checklists, and exportable specs.

Free: 100 examples Free: 2-way compare Free: basic UI pattern reference Pro: 150 examples Pro: 5-way compare Pro: 50 Pro-only samples Pro: 5-mode handoff generator Pro: Full Markdown / JSON export
日本語

NicheWorks Pro Unlock

Unlock NicheWorks Pro — $2.99

Free: 100 examples, 2-way compare, basic UI pattern reference.

Pro: 150 examples, 5-way compare, 50 Pro-only samples, 5-mode handoff generator, Full Markdown / JSON export.

Unlock NicheWorks Pro — $2.99

After purchase, Stripe returns to /pro/unlock/?session_id={CHECKOUT_SESSION_ID} for the shared nicheworks_pro unlock flow.

Free100 examples, 2-way compare, basic UI pattern reference.
Pro150 examples, 5-way compare, 50 Pro-only samples, 5-mode handoff generator, Full Markdown / JSON export.
Shared ProUses the common Payment Link, /assets/nw-pro.js, NWPro.getLocalStatus(), and the shared nicheworks_pro entitlement.

What Free can do

Free is the basic UI pattern reference for browsing and checking common interface patterns before you commit to an implementation.

What Pro can do

Pro is the UI implementation decision and handoff document generator for turning selected patterns into practical instructions for design, product, and coding work.

Preview mode vs Pro unlocked

Preview mode

Common Pro is not active in this browser yet.

You can:

  • View the free 100 examples.
  • Compare up to 2 patterns.
  • View the Pro-only 50 samples as locked preview cards.
  • View Pro output format as Preview.
  • Use the purchase button.

You cannot:

  • Compare 3–5 patterns.
  • Open Pro-only detail views.
  • Use unmarked Full Markdown Export.
  • Use unmarked JSON Export.
  • Use unmarked Copy all output.

Pro unlocked

Common Pro is active in this browser.

You can:

  • View all 150 examples.
  • Open details for the 50 Pro-only samples.
  • Compare up to 5 patterns.
  • Generate Decision Memo.
  • Generate Compare Memo.
  • Generate Codex / GitHub Issue Prompt.
  • Generate Acceptance Criteria.
  • Generate Accessibility / Mobile Review.
  • Use Full Markdown / JSON Export.
  • Use Copy all.

Pro-only sample bank

50 advanced UI cases for admin, AI, billing, data, and compliance workflows.

The Pro-only sample bank is positioned as higher-stakes, implementation-heavy UI guidance that becomes available in Pro while remaining visible as locked previews in Free.

1. Complex Admin UI

Permission matrices, audit logs, bulk actions, danger zones, and role-change flows.

2. AI / Agent UI

AI draft diffs, human approval gates, agent timelines, confidence explanations, and permission requests.

3. Billing / Account UI

Plan comparison, usage meters, payment failure recovery, seat management, and downgrade warnings.

4. Search / Data / Dashboard UI

Advanced filters, drilldown panels, anomaly explanations, report exports, and freshness banners.

5. Compliance / Risk / Review UI

Consent reviews, privacy matrices, sensitive action approvals, legal confirmations, and security alerts.

5-mode Pro Generator

Pro unlocks five handoff modes for converting selected UI patterns and comparisons into practical implementation material.

ModeValue
1. Decision MemoDocument the selected pattern, reason, rejected alternatives, risks, and validation plan.
2. Multi-Pattern CompareCompare multiple UI candidates and summarize trade-offs, recommendation, and review risks.
3. Codex / GitHub Issue PromptCreate a handoff prompt with role, context, constraints, UI requirements, states, and acceptance details.
4. Acceptance CriteriaPrepare checklist-ready criteria for desktop, mobile, keyboard, focus, loading, empty, error, long text, and reduced motion cases.
5. Full Markdown ExportExport a copy-ready Markdown document for issues, specs, and implementation notes.

After purchase

After purchase, Stripe returns to /pro/unlock/?session_id={CHECKOUT_SESSION_ID}. The unlock page checks the shared D1-backed nicheworks_pro entitlement and stores browser helper state for supported tools.

NicheWorks Pro usually remains active in the same browser after closing the tab or browser. Another browser, another device, private mode, or clearing site data may require unlocking again. localStorage is only a browser helper; D1 pro_entitlements is the server-side source of truth.

Support this project

Prefer a donation instead of Pro unlock? You can still support NicheWorks directly.