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
Just add a few lines into your HTML and you are ready-to-go:
html
<!doctype html>
<html>
<head>
<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>
<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>html
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.skypack.dev/@swiftwc/ui/css" />
<script type="module" src="https://cdn.skypack.dev/@swiftwc/ui/client"></script>
</head>
</html>html
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://esm.sh/@swiftwc/ui/css" />
<script type="module" src="https://esm.sh/@swiftwc/ui/client"></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:
