Get Started

AnywhereUI is a rich set of open source Web Components.

Installing

Integrating a components to a project without a JavaScript framework is straight forward. If you're using a simple HTML page, you can add AnywhereUI via a script tag.

Simple cdn script and style link import

For example, we could load the components through unpkg like this:


<script src="https://unpkg.com/@anywhere-ui/core@latest/dist/anywhere-ui/anywhere-ui.js"></script>
<link href="https://unpkg.com/@anywhere-ui/core@latest/dist/anywhere-ui/anywhere-ui.css" rel="stylesheet"/>
    
ES cdn module import

Alternatively, if you wanted to take advantage of ES Modules, you could include the components using an import statement. Note that in this scenario applyPolyfills is needed if you are targeting Edge or IE11.


<script type="module"> 
  import { applyPolyfills, defineCustomElements } from "https://unpkg.com/@anywhere-ui/core@latest/loader";  
  defineCustomElements();   
</script>
    
Usage with Webpack, Browserify, & Other Bundlers

AnywhereUI is available at npm, if you have an existing application run the following command to download it to your project.


npm install @anywhere-ui/core
  

And import it as ES Module or from local node_modules directory:


import { applyPolyfills, defineCustomElements } from "@anywhere-ui/core/loader";  
defineCustomElements();   
    
Browser Support
edge IE / Edge
firefox Firefox
chrome Chrome
safari Safari
opera Opera
IE11, Edge Last 2 versions Last 2 versions Last 2 versions Last 2 versions