4.11.9 • Published 7 months ago

perfect-gui v4.11.9

Weekly downloads
28
License
MIT
Repository
github
Last release
7 months ago

Perfect GUI

A nice, simple and (probably not) perfect GUI for JavaScript.

API

Documentation

Features

  • image buttons
  • multiple panels
  • easy positioning
  • draggable panels
  • two-dimensional vector visualization

Install

With NPM

npm i perfect-gui

Import from a CDN

<script type="importmap">
  {
    "imports": {
      "perfect-gui": "https://unpkg.com/perfect-gui@latest/dist/perfect-gui.mjs",
    }
  }
</script>

Hello world

import GUI from 'perfect-gui';

const gui = new GUI();

gui.button('Click me', callback);

Options

const gui = new GUI({
    name: 'My GUI',
    // Name of the panel. 
    // Default is null.

    container: '#container',
    // Element containing the GUI
    // Default is document.body
    
    width: 250,
    // Width of the panel (in pixels). 
    // Default is 290.

    maxHeight: 500,
    // Maximum height beyond which scrolling is necessary. 
    // Default is the smallest value between the height of the window and the height of the container.
    
    closed: false, 
    // Defines whether the panel should be closed by default. 
    // Default is false.

    position: 'bottom right',
    // Defines where to place the panel on screen.
    // Accepted values are 'top', 'bottom', 'left' and 'right' in no particular order ('bottom right' = 'right bottom').
    // If multiple instances have the same position, they will be stacked horizontally.
    // Default is 'top right'.

    draggable: false,
    // Defines if the panel can be manually moved across the screen.
    // Default is false.

    autoRepositioning: true,
    // If set to true, the panel position will be reset when the screen is resized.
    // If a panel has been dragged, it won't be be affected.
    // Default is true.

    color: '#bada55',
    // Default is #2e2e2e

    onUpdate: () => {
      // Callback function triggered each time this GUI instance is updated.    
    }
});

Methods

4.11.9

7 months ago

4.9.8

1 year ago

4.9.7

1 year ago

4.9.9

1 year ago

4.9.4

1 year ago

4.9.6

1 year ago

4.9.5

1 year ago

4.10.0

1 year ago

4.11.8

12 months ago

4.11.4

12 months ago

4.11.5

12 months ago

4.11.6

12 months ago

4.11.7

12 months ago

4.11.0

1 year ago

4.11.1

1 year ago

4.11.2

1 year ago

4.11.3

1 year ago

4.9.2

1 year ago

4.9.0

1 year ago

4.9.1

1 year ago

4.8.3

1 year ago

4.8.2

1 year ago

4.8.1

1 year ago

4.8.0

2 years ago

4.7.5

2 years ago

4.7.2

2 years ago

4.7.4

2 years ago

4.7.3

2 years ago

4.6.6

2 years ago

4.6.5

2 years ago

4.6.3

2 years ago

4.4.1

2 years ago

4.4.0

2 years ago

4.3.5

2 years ago

4.2.3

2 years ago

4.2.1

2 years ago

4.3.2

2 years ago

4.3.1

2 years ago

4.3.4

2 years ago

4.3.3

2 years ago

4.3.0

2 years ago

4.2.0

2 years ago

3.5.14

3 years ago

3.5.13

3 years ago

3.5.12

3 years ago

3.5.11

3 years ago

3.5.10

3 years ago

3.5.16

3 years ago

3.5.15

3 years ago

3.5.7

3 years ago

3.5.6

3 years ago

3.5.4

3 years ago

3.5.9

3 years ago

3.5.8

3 years ago

3.4.0

3 years ago

3.0.4

3 years ago

3.0.3

3 years ago

3.2.0

3 years ago

3.0.2

3 years ago

3.0.1

3 years ago

3.4.4

3 years ago

3.4.3

3 years ago

3.4.2

3 years ago

3.0.6

3 years ago

3.4.1

3 years ago

3.0.5

3 years ago

3.0.0

3 years ago

4.0.5

3 years ago

4.0.4

3 years ago

4.0.7

3 years ago

4.0.6

3 years ago

4.0.1

3 years ago

4.0.0

3 years ago

4.0.3

3 years ago

4.0.2

3 years ago

3.4.6

3 years ago

3.4.5

3 years ago

3.3.1

3 years ago

3.3.0

3 years ago

3.1.0

3 years ago

3.5.3

3 years ago

3.5.2

3 years ago

3.5.1

3 years ago

3.3.3

3 years ago

3.5.0

3 years ago

3.3.2

3 years ago

4.1.4

3 years ago

4.1.3

3 years ago

4.1.0

3 years ago

4.1.2

3 years ago

4.1.1

3 years ago

2.6.1

3 years ago

2.6.0

3 years ago

2.5.0

5 years ago

2.5.2

5 years ago

2.5.1

5 years ago

2.4.3

5 years ago

2.4.2

5 years ago

2.4.1

5 years ago

2.4.0

5 years ago

2.3.0

5 years ago

2.3.1

5 years ago

2.2.6

5 years ago

2.2.5

5 years ago

2.2.4

6 years ago

2.2.3

6 years ago

2.2.2

6 years ago

2.2.1

6 years ago

2.2.0

6 years ago

2.1.2

6 years ago

2.1.1

6 years ago

2.1.0

6 years ago

2.0.0

6 years ago

1.1.1

6 years ago

1.1.0

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago