@galacticcouncil/ui
TypeScript icon, indicating that this package has built-in type declarations

5.4.0 • Public • Published

UIGC Web Components

npm version

What are [UIGC Web Components]?

  • Collection of reusable UI elements crafted to ease Basilisk & Hydration chains integration driven by a lit framework (~400kb unpacked size).
  • Usable with any current or future web development framework.
  • Created and maintained by Galactic Council.

Why web components?

  • Future-proof: web standards, compatible with any web development framework.
  • Encapsulated: Stable in any environment and suitable not only for apps, but also for libraries and micro-frontends.
  • Elegant: custom HTML elements, hide implementation complexity behind a single HTML tag, easy to use with the standard DOM APIs.

Demo & Preview

  npm run dev

How to Use

  1. Install the NPM module

    npm install @galacticcouncil/ui
  2. Import the component ui to your app:

    import '@galacticcouncil/ui';
  3. Use the UIGC Web Component

    <uigc-alert variant="success"></uigc-alert>

Customization

For framework customization please see following sections:

Browser Support

UIGC Web Components are supported by all major modern browsers.

Browser Supported versions
Chrome Latest
Firefox Latest
Safari Latest
Edge Latest

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
5.3.0-pr162-72187420beta
5.4.054latest

Version History

VersionDownloads (Last 7 Days)Published
5.4.054
5.3.11
5.3.00
5.3.0-pr162-72187420
5.2.30
5.2.20
5.2.2-pr153-8f911570
5.2.10
5.2.00
5.2.0-pr144-36802ea0
5.2.0-pr144-5a0f37c1
5.2.0-pr144-675eddc0
5.2.0-pr144-39e22f80
5.2.0-pr144-c73699f0
5.2.0-pr144-66ff78b1
5.1.20
5.2.0-pr144-f2d85400
5.2.0-pr144-68295790
5.2.0-pr144-c21a2971
5.1.11
5.1.0-beta.00
5.1.00
5.0.10
5.0.00
4.1.21
4.1.10
4.1.00
4.0.30
4.0.20
4.0.10
4.0.00
3.2.31
3.2.21
3.2.11
3.2.00
3.1.180
3.1.170
3.1.160
3.1.150
3.1.141
3.1.130
3.1.121
3.1.111
3.1.100
3.1.90
3.1.80
3.1.71
3.1.61
3.1.50
3.1.41
3.1.30
3.1.20
3.1.10
3.1.00
3.0.50
3.0.40
3.0.31
3.0.20
3.0.10
3.0.00
2.0.30
2.0.20
2.0.10
2.0.00
1.3.110
1.3.100
1.3.90
1.3.80
1.3.70
1.3.60
1.3.51
1.3.40
1.3.30
1.3.20
1.3.10
1.3.00
1.2.250
1.2.241
1.2.230
1.2.220
1.2.211
1.2.200
1.2.190
1.2.180
1.2.170
1.2.160
1.2.150
1.2.140
1.2.130
1.2.120
1.2.110
1.2.100
1.2.90
1.2.81
1.2.70
1.2.61
1.2.50
1.2.41
1.2.30
1.2.20
1.2.14
1.2.00
1.1.140
1.1.130
1.1.121
1.1.110
1.1.101
1.1.91
1.1.80
1.1.70
1.1.61
1.1.51
1.1.41
1.1.30
1.1.20
1.1.10
1.1.00
1.0.690
1.0.684
1.0.670
1.0.660
1.0.651
1.0.640
1.0.630
1.0.620
1.0.610
1.0.600
1.0.590
1.0.580
1.0.570
1.0.560
1.0.550
1.0.541
1.0.530
1.0.520
1.0.510
1.0.501
1.0.490
1.0.480
1.0.470
1.0.460
1.0.450
1.0.441
1.0.431
1.0.421
1.0.410
1.0.401
1.0.391
1.0.380
1.0.370
1.0.360
1.0.351
1.0.340
1.0.330
1.0.320
1.0.310
1.0.301
1.0.290
1.0.280
1.0.271
1.0.261
1.0.250
1.0.240
1.0.230
1.0.220
1.0.210
1.0.200
1.0.190
1.0.180
1.0.170
1.0.160
1.0.150
1.0.140
1.0.130
1.0.120
1.0.110
1.0.100
1.0.90
1.0.80
1.0.71
1.0.60
1.0.50
1.0.40
1.0.30
1.0.21
1.0.11
1.0.00

Package Sidebar

Install

npm i @galacticcouncil/ui

Weekly Downloads

15

Version

5.4.0

License

none

Unpacked Size

239 kB

Total Files

81

Last publish

Collaborators

  • nohaapav
  • mrq