Skip to content

docs: add screenshot gallery to README#91

Open
Alexi5000 wants to merge 1 commit into
OpenKnots:mainfrom
Alexi5000:pr/readme-screenshots
Open

docs: add screenshot gallery to README#91
Alexi5000 wants to merge 1 commit into
OpenKnots:mainfrom
Alexi5000:pr/readme-screenshots

Conversation

@Alexi5000
Copy link
Copy Markdown
Contributor

Summary

  • Adds a 3x2 screenshot gallery between the intro badges and the Features section
  • Uses existing images from public/screenshots/ (no new assets needed)
  • Showcases 6 key capabilities: progress bars, syntax highlighting, tree view, typing animation, diff view, and copy button
  • Responsive HTML table renders well on both desktop and mobile GitHub views

Visuals shown

Slot Component Image
Top-left TerminalProgress terminal-progress-playground.png
Top-right Syntax Highlighting syntax-highlighting-playground.png
Mid-left TerminalTree tree-render-props-section.png
Mid-right Typing Animation typing-animation-playground.png
Bot-left TerminalDiff pr5-terminal-diff-after.png
Bot-right Copy Button copy-button-playground.png

Test plan

  • README renders correctly on GitHub (check desktop and mobile widths)
  • All 6 images load without broken links
  • Table collapses gracefully on narrow viewports

Closes #80

Adds a 3x2 visual grid above the Features section showcasing:
- TerminalProgress with color variants
- Syntax highlighting (JSON)
- TerminalTree with render props
- Typing animation
- TerminalDiff (unified/split)
- Copy button

All images reference existing assets in public/screenshots/.

Closes OpenKnots#80
@vercel
Copy link
Copy Markdown

vercel Bot commented May 21, 2026

@Alexi5000 is attempting to deploy a commit to the 0xBuns Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add screenshots to README

1 participant