Documentation

Introduction

Plain UI is a copy-paste collection of accessible, framework-agnostic UI primitives crafted with pure HTML5 and Tailwind CSS v4.

Core Architecture Principles

⚡️ Zero-Runtime Bundle

No heavy React or JS bundles shipped to users. Interactive primitives leverage HTML5 native tags (

🎨 Tailwind CSS v4 Native

Styled with modern CSS custom variables, @theme directives, and full dark-mode color schemes.

Add the CSS import to your main stylesheet:

src/styles/global.css css

@import "tailwindcss";

Add any component directly to your project using the Plain UI CLI:

terminal bash

npx plain-ui add button dialog popover