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/[email protected]/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

Components