open-index/open-npm huggingface dataset:
npm package: @manufosela/animation-solarsystem
Description: Webcomponent animation-solarsystem following open-wc recommendations
Author: manufosela
Latest version: 1.0.2

# \<animation-solarsystem>

This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.

## Installation

```bash
npm i animation-solarsystem
```

## Usage

```html
<script type="module">
  import 'animation-solarsystem/animation-solarsystem.js';
</script>

<animation-solarsystem></animation-solarsystem>
```

## Styling

- **--animation-solarsystem-bg-stars-image**: Background image for the stars. By default use a `linear-gradient(to top, #000033, #222255);`

## Atributes

- **radio-base**: oribit radio base from earth. To show all planets use 18, to show inter planets use 350
- **width**: width of the svg
- **height**: height of the svg
- **radio-plantet-base**: radio base from earth. If you show all planets use 4, to show inter planets use 10
- **period-plantet-base**: period base from earth. Seconds to do a rotation.
- **show-stars-bg**: show background stars if true

## Linting and formatting

To scan the project for linting and formatting errors, run

```bash
npm run lint
```

To automatically fix linting and formatting errors, run

```bash
npm run format
```

## Testing with Web Test Runner

To execute a single test run:

```bash
npm run test
```

To run the tests in interactive watch mode run:

```bash
npm run test:watch
```

## Demoing with Storybook

To run a local instance of Storybook for your component, run

```bash
npm run storybook
```

To build a production version of Storybook, run

```bash
npm run storybook:build
```

## Tooling configs

For most of the tools, the configuration is in the `package.json` to minimize the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

## Local Demo with `web-dev-server`

```bash
npm start
```

To run a local development server that serves the basic demo located in `demo/index.html`
npm package: @manufosela/animation-starwarstext
Description: Webcomponent animation-starwarstext following open-wc recommendations
Author: manufosela
Latest version: 1.0.1

# animation-starwarstext [![npm-package](https://img.shields.io/badge/npmjs-package-red)](https://www.npmjs.com/package/animation-starwarstext) [![github](https://img.shields.io/badge/github-repository-green)](https://github.com/manufosela/animation-starwarstext) [![codepen-example](https://img.shields.io/badge/codepen-example-black)](https://codepen.io/manufosela/pen/YzGvmBy)

This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.

## Installation

```bash
npm i @manufosela/animation-starwarstext
```

## Usage

```html
<script type="module">
  import 'animation-starwarstext/animation-starwarstext.js';
</script>

<animation-starwarstext></animation-starwarstext>
```

## Linting and formatting

To scan the project for linting and formatting errors, run

```bash
npm run lint
```

To automatically fix linting and formatting errors, run

```bash
npm run format
```

## Testing with Web Test Runner

To execute a single test run:

```bash
npm run test
```

To run the tests in interactive watch mode run:

```bash
npm run test:watch
```

## Demoing with Storybook

To run a local instance of Storybook for your component, run

```bash
npm run storybook
```

To build a production version of Storybook, run

```bash
npm run storybook:build
```

## Tooling configs

For most of the tools, the configuration is in the `package.json` to minimize the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

## Local Demo with `web-dev-server`

```bash
npm start
```

To run a local development server that serves the basic demo located in `demo/index.html`