Installation
Instructions on how to add the SwiftWC Web Components to your app.
BEFORE YOU START 👇🏻
SwiftWC is primarily intended for building standalone web apps and web extensions. It is NOT meant (and not tested) for websites.
Quick Start
If you are building an always online app, the easiest way to add SwiftWC is by using a CDN.
Just add a few lines into your HTML and you are ready-to-go:
html
<!doctype html>
<html>
<head>
<script src="https://unpkg.com/@phosphor-icons/web"></script>
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
<link rel="stylesheet" href="https://unpkg.com/@swiftwc/ui/css" />
<script type="module" src="https://unpkg.com/@swiftwc/ui/client"></script>
</head>
</html>html
<!doctype html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@phosphor-icons/web"></script>
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@swiftwc/ui@0.0.0-dev.8/generated/css/index.css" />
<script type="module" src="https://cdn.jsdelivr.net/npm/@swiftwc/ui@latest/generated/client/index.js"></script>
</head>
</html>Choose Your Framework
If you are using a build tool or just want extra customization, pick a framework below to get started:
