Three ways to implement debounced search
Side-by-side code approaches with tradeoffs annotated inline.
Visual design directions rendered live
Multiple distinct UI directions for the same component, togglable in one page.
Annotated pull request
Diff view with margin notes and severity tags on each changed block.
Module map: package as boxes and arrows
Dependency graph with the hot path highlighted and clickable module details.
Living design system
Tokens as swatches, copy-on-click for hex values, typography scale, spacing grid.
Component variants
All sizes, states, and intents for a component family on one reference sheet.
Animation sandbox
Sliders for duration, delay, and easing; see the result on a live element instantly.
Clickable flow: four linked screens
Navigable prototype with transitions, back button, and state preserved across screens.
Arrow-key slide deck, no build step
Full-screen slides navigated with ← → keys; progress bar, speaker notes toggle.
SVG figure sheet
Diagrams for a blog post; tweak colors, labels, or layout then copy the SVG source.
Weekly status report
What shipped and what slipped this week, with a small inline velocity chart.
Incident timeline
Minute-by-minute event log, log excerpts, and a follow-up action checklist.
Annotated deploy pipeline flowchart
Click any pipeline step to expand its description and failure modes.
Feature explainer
TL;DR upfront, collapsible steps, tabbed code snippets, and a FAQ accordion.
Concept explainer with live interactive ring
Animated diagram, side-by-side comparison table, and a scannable glossary.
Implementation plan
Milestones, data-flow diagram, wireframe mockups, and a risk/effort matrix in one doc.
PR writeup: motivation and file-by-file tour
Context, design decisions, file walk-through, and guidance on where to focus review.
Ticket triage board
Drag items into Now / Next / Later / Cut columns, then copy the final ordering.
Feature flag editor
Toggle flags, see live dependency warnings, copy the diff of changes made.
Prompt tuner
Editable template on the left, live interpolated preview on the right, copy to clipboard.
No examples in this category.