Getting started

Build a W1C page

W1C is a Lit web component package for retro operating-system and early-web UI. Import the elements once, choose a theme, then write ordinary HTML.

Release status

W1C is not released yet. The examples below show the intended package API.

First window

import '@w1c/components';

<w1c-window title="Documents">
	<w1c-toolbar slot="toolbar">
		<w1c-button>Back</w1c-button>
		<w1c-button>Forward</w1c-button>
	</w1c-toolbar>

	<h1>Quarterly Notes</h1>
	<p>W1C renders a retro shell without taking over your app.</p>

	<w1c-statusbar slot="statusbar">3 objects</w1c-statusbar>
</w1c-window>

What to read next

1. Check release status before using W1C in another project.
2. Use W1C components with slots, attributes, and direct imports.
3. Browse the component catalog for slots, parts, and theme notes.