Beautiful, fully composable, components for your registry.

GitHub

Add

Allow users to copy the jsrepo add command to their clipboard.

Inspired by the shadcnblocks command component.

Demo

Display an interactive demo of a component

When using the demo component there are 2 possible modes.

  • Component mode is for displaying a component passed to the Preview component.
  • Iframe mode is for displaying a demo of a component from a URL.

The above demo is using Iframe mode. In Iframe mode the demo can be resized and refreshed. By default the demo the URL of the demo will demos/<demo-name>. Likewise the code will be pulled from the src/lib/demos/<demo-name>.svelte file.