No framework required
Each component is a standard HTML element registered with the browser. Frameworks see ordinary markup, so there is no adapter layer or wrapper package to maintain, and switching frameworks does not affect existing components.
<!doctype html>
The browser is the framework
Staticview is a UI component library built on native web components. Each component is a standard HTML element, so the same tag works in React, Vue, Svelte, Solid, Qwik, Astro, or plain HTML, and does not depend on any of them.
$ npm install @staticview/uiBill of materials
What the library adds to a page.
- Runtime dependencies
- 0
- Frameworks required
- 0
- Styling system required
- none
- Files per component
- 1
- Component file size
- ~3 kB
One file per component
A component ships as a single file containing its markup, styles, and behavior. The file has no imports and needs no bundler: a plain script tag loads it, and it registers itself when it runs.
Optimized at build time
Compilation happens when the library is built, not in the browser. Markup, styles, class names, and CSS variables are minified ahead of time, and the shipped output is a few kilobytes per component.
Styled with your CSS
The library imposes no design system. Components inherit the page's typography, support light and dark color schemes, and are themed with the same plain CSS used for the rest of the project.
Accessible by default
Keyboard support, focus management, and form association are implemented inside each component. Accessibility that depends on content, such as labels and language, stays under your control.
Tooling included
The tooling used to build this library is published with it. A CLI, an ESLint plugin, and a Vite plugin compile components you write into the same kind of self-contained file, so your own components behave exactly like the built-in ones.
Read the documentation
Installation, framework setup, theming, and a reference for every component.