https://github.com/psudocode/aurora.js

Aurora design implementation for browser
https://github.com/psudocode/aurora.js

Last synced: 4 months ago
JSON representation

Aurora design implementation for browser

• Host: GitHub
• URL: https://github.com/psudocode/aurora.js
• Owner: psudocode
• License: mit
• Created: 2021-04-08T19:36:43.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-04-20T16:46:34.000Z (about 5 years ago)
• Last Synced: 2025-09-21T12:55:29.429Z (9 months ago)
• Language: TypeScript
• Size: 538 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Aurora.js

[![install size](https://packagephobia.com/badge?p=@psudocode/aurora.js)](https://packagephobia.com/result?p=@psudocode/aurora.js) ![npm bundle size](https://img.shields.io/bundlephobia/min/@psudocode/aurora.js) ![npm](https://img.shields.io/npm/dm/@psudocode/aurora.js) ![GitHub issues](https://img.shields.io/github/issues/psudocode/aurora.js) ![NPM](https://img.shields.io/npm/l/@psudocode/aurora.js) ![npm](https://img.shields.io/npm/v/@psudocode/aurora.js)

Aurora design implementation for React.

NOTE: for now it's just give you random colors

## Install

`npm install --save @psudocode/aurora.js`

## Usage

```js

import Aurora from "@psudocode/aurora.js";

...

  Your other components

```

Note: Aurora act like a div with some default style `{ position: 'relative', overflow: 'hidden' }`

### Props

| Props   | Descriptions         | Default |

| ------- | -------------------- | ------- |

| sides   | Total colors, 1 - 4  | 3       |

| opacity | Global color opacity | 0.8     |

## TODO

- add feature to implement other than div component

- add feature to generate color and position by seeds

## License

[MIT](http://vjpr.mit-license.org/)