You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

demozap

Package Overview
Dependencies
Maintainers
1
Versions
69
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

demozap

Create demo components in a zap

1.3.83
latest
Source
npmnpm
Version published
Weekly downloads
20
-25.93%
Maintainers
1
Weekly downloads
 
Created
Source

DemoZap ⚡

npm version CI semantic-release TypeScript

Create demo components in a zap

Maintaining example code and demo separately makes it painful, it's easy to get them out of sync 🙅

Code can't lie, documentation can 💥

DemoZap CLI keeps your code up to date with demo 💪

Usage

  • Name component files as [component_name].demozap.jsx
  • Run npx demozap generate

Use created demos 🎉

Demo 💥

Install

# React
npm install -D react-demo-tab
# Svelte
npm install -D svelte-demo-tab
# Vue
npm install -D vue-demo-tab

Generated Demos

  • Generated demo files are prefixed with _:
    MyComponent.demozap.jsx_MyComponent.jsx
  • or set custom prefix:
    npx demozap generate --prefix=CustomPrefix

Built with DemoZap

Manually create demos

To manually create demos use DemoTab component.

Contributing

All contributions are welcome!

Keywords

react

FAQs

Package last updated on 12 May 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts