Future UI
This is an experiment building a design system with StencilJS. The goal is to deliver a framework agnostic component library of a standalone Web Components.
⚠️ Be aware this is a Work In Progress and not ready for usage!⚠️
Using Future UI
There are three strategies we recommend for using Future UI.
The first step for all three of these strategies is to publish to NPM.
Script tag
- Put a script tag similar to this
<script type='module' src='https://unpkg.com/my-component@0.0.1/dist/future-ui.esm.js'></script>in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
Node Modules
- Run
npm install @devbyray/futureui --save - Put a script tag similar to this
<script type='module' src='node_modules/future-ui/dist/future-ui.esm.js'></script>in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
In a stencil-starter app
- Run
npm install @devbyray/futureui --save - Add an import to the npm packages
import '@devbray/future-ui'; - Then you can use the element anywhere in your template, JSX, html etc