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 two 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" />
</head>
<body>
<script type="module" src="https://unpkg.com/@swiftwc/ui/client"></script>
</body>
</html>html
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@swiftwc/ui/css" />
</head>
<body>
<script type="module" src="https://cdn.jsdelivr.net/npm/@swiftwc/ui/client"></script>
</body>
</html>html
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.skypack.dev/@swiftwc/ui/css" />
</head>
<body>
<script type="module" src="https://cdn.skypack.dev/@swiftwc/ui/client"></script>
</body>
</html>html
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://esm.sh/@swiftwc/ui/css" />
</head>
<body>
<script type="module" src="https://esm.sh/@swiftwc/ui/client"></script>
</body>
</html>html
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/@swiftwc/ui/css" />
</head>
<body>
<script type="module" src="https://cdnjs.cloudflare.com/@swiftwc/ui/client"></script>
</body>
</html>Choose Your Framework
If you are using a package manager or just want extra customization, pick a framework below to get started:
