Skip to content
Unstyled UI primitives
you can use with HTML

Plain Elements is a Web Components library that provides six UI components: Dialog, Popover, Tooltip, Tabs, Accordion, and Collapsible.

Each component works by adding elements and data-* attributes to your HTML. It ships no CSS, and because it uses Light DOM, you style every element with your own stylesheets.

It is distributed as both ESM and IIFE builds. Install it from npm and use it with a bundler, or load a single script tag directly in the page. Either way, components are plain custom elements that work regardless of which framework, if any, you use.