Skip to content

Conversation

@Flo0806
Copy link
Collaborator

@Flo0806 Flo0806 commented Jan 25, 2026

Closes: #50


Extracts demo/playground links (StackBlitz, CodeSandbox, CodePen, etc.) from package READMEs and displays them prominently in the sidebar.

Changes

  • API: Extended /api/registry/readme/ to return { html, playgroundLinks }
  • UI: New PackagePlaygrounds component in sidebar
    • Single link → direct button
    • Multiple links → dropdown menu
  • Styling: Added provider brand colors to uno.config.ts
  • Reusable: new AppTooltip component
  • Types: Shared PlaygroundLink and ReadmeResponse types
  • Tests: unit tests for link extraction

Supported Providers

StackBlitz, CodeSandbox, CodePen, Replit, Gitpod, Vue Playground, nuxt.new, vite.new, JSFiddle

Multiple playgrounds (including multiple providers):

image

Single playground:

image

@vercel
Copy link

vercel bot commented Jan 25, 2026

@Flo0806 is attempting to deploy a commit to the danielroe Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link

vercel bot commented Jan 25, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
npmx.dev Ready Ready Preview, Comment Jan 25, 2026 2:07pm

Request Review

@danielroe
Copy link
Member

this is really nice!

apart from nuxt, what are some other repos where it detects sandboxes?

@Flo0806
Copy link
Collaborator Author

Flo0806 commented Jan 25, 2026

Hopefully all! I searching the README and try to find all links of common providers. I tested it with

  • pinia
  • jotai
  • react-hook-form
  • vorm-vue
    and a lot more and it was detecting all links.

Copy link
Member

@danielroe danielroe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is 🔥

@danielroe danielroe merged commit 5e3ec21 into npmx-dev:main Jan 25, 2026
7 checks passed
vinnymac pushed a commit to vinnymac/npmx.dev that referenced this pull request Jan 28, 2026
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.

extract and surface demo/playground links from readme

2 participants