Features
Semantic HTML
Classless first approach built on native HTML elements and CSS custom properties.
Tiny Footprint
Start with as little as 0.5 KB, up to 5 KB. Only ship what you need.
Framework Agnostic
Works with any framework or none at all. Vanilla CSS and optional Svelte components.
Right to Left
Full bidirectional support with CSS logical properties for RTL and vertical languages.
Light & Dark Mode
Automatic theme switching with support for all prefers-* media queries.
Progressive Enhancement
Works without JavaScript. Lazy loaded customElements enhance when available.
Getting started
Install
npm i @willfarrell-ds/vanillaImport
import "@willfarrell-ds/vanilla/all.css"Core value baked in from the beginning.
-
Privacy
Only use Same-Origin assets. No 3rd party CDN snooping.
-
Accessibility
WCAG 2.2 AAA, internationalization (i18n), localization (l10n), performant.
-
Sustainability
WSG Draft. Only send what you need, when you need it. Progressively Enhanced WebComponents (PEWC) when JavaScript is available.
-
Security
OWASP Best Practices, ASVS v5 Level 3, TrustedTypes