Svelte Themes Logo Svelte Themes
Previewjs screenshot

Previewjs

Author Avatar Theme by Fwouts
Updated: 22 Apr 2025
1893 Stars

Preview UI components in your IDE instantly

Github Live Preview

Categories

React Solid Vue

Overview:

Preview.js is a tool that allows you to preview React, Preact, Solid, Svelte, Vue components, and Storybook stories instantly in your IDE or in your browser via the CLI. It is available for popular IDEs such as Visual Studio Code and IntelliJ/WebStorm.

Features:

  • Supports multiple frameworks: Preview React, Preact, Solid, Svelte, Vue components, and Storybook stories.
  • Instant preview: View changes instantly in your IDE or browser without needing to switch windows.
  • Available for popular IDEs: Compatible with Visual Studio Code, IntelliJ, WebStorm, and accessible via CLI.

Installation:

To install Preview.js, you can follow these steps:

  1. For Visual Studio Code: Install the Preview.js extension from the Visual Studio Code marketplace.

  2. For IntelliJ / WebStorm: Install the Preview.js plugin from the IDE’s plugin repository.

  3. CLI: Use npm or yarn to install the Preview.js package globally:

    npm install -g @preview-js/cli

    or

    yarn global add @preview-js/cli

Summary:

Preview.js is a versatile tool that simplifies the preview process for developers working with various JavaScript frameworks. Its support for multiple frameworks, instant previews, and availability in popular IDEs make it a valuable addition to the development workflow.