open-index/open-npm huggingface dataset:
npm package: @penpot/plugin-styles
Description: This plugin contains a CSS file to help build the UI for Penpot plugins.
Latest version: 1.4.2

# Penpot plugin-styles

This plugin contains a CSS file to help build the UI for Penpot plugins.

### Getting started

Install the package:

```bash
npm install @penpot/plugin-styles
```

Import the CSS file into your project:

```css
@import '@penpot/plugin-styles/styles.css';
```

### Usage

For detailed examples and to see how to use the styles and components, visit the documentation at:

[Penpot Plugin Styles Documentation](https://penpot-plugins-styles.pages.dev)

#### Icons

We recommend using Feather icons for Penpot plugins to ensure consistency with Penpot's design.

You can find Feather icons at: [Feather Icons](https://feathericons.com/)
npm package: @penpot/plugin-types
Description: The `@penpot/plugin-types` package provides TypeScript type definitions for the Penpot Plugin API, making it easier to develop plugins for the Penpot design platform with full type safety and IDE support. It streamlines the development process by ensuring
Latest version: 1.4.2

# Penpot plugin-types

The `@penpot/plugin-types` package provides TypeScript type definitions for the Penpot Plugin API, making it easier to develop plugins for the Penpot design platform with full type safety and IDE support. It streamlines the development process by ensuring that your code is well-typed and less prone to errors.

### Getting started

#### Installation

To add penpot's plugin-types to your project, use the following command:

```bash
npm install @penpot/plugin-types
```

#### Configuration

To ensure the typings work correctly in your project, update your tsconfig.json as follows:

```json
"typeRoots": [
  "./node_modules/@types",
  "./node_modules/@penpot"
],
"types": ["plugin-types"],
```

### Learn more

For more information on how to build plugins using the Penpot PLugin API, refer to the <a href="https://help.penpot.app/plugins/getting-started/" target="_blank">official documentation</a>. You can also explore practical examples in the <a href="https://github.com/penpot/penpot-plugins-samples" target="_blank">samples repository</a> to see real-world implementations.