The First UI Library
Built for AI Coding Agents

Made for AI Coding Agents. Ready for Any Framework.

pm7-ui is the first UI component library designed specifically for AI Coding Agents.
It's lightweight, framework-agnostic, and built with pure CSS and vanilla JavaScript.
Works everywhere—React, Vue, Angular, Svelte, or just plain HTML.

Effortless styling. Universal compatibility.
Ready to power your AI-driven workflows.

Get Started Components AI Guide
Built specifically for AI Coding Agents

This site is best used on a desktop

Why pm7-ui?

Designed for AI Agents

Simple CSS classes that AI understands instantly. No complex APIs or abstractions - just pm7-button, pm7-card, done.

Universal Compatibility

Use it anywhere—whether you're working in React, Vue, Angular, Svelte, or just plain HTML.

Copy & Paste Ready

AI agents can copy examples directly. No imports, no setup, no configuration. Just HTML and CSS classes.

Built-in Dark Mode

Comprehensive dark mode with automatic detection, Theme Switch component, and zero flicker. All components adapt seamlessly.

Lightweight by Design

Pure CSS with optional vanilla JS. No framework overhead, no dependencies, just clean code.

Fully Accessible

WCAG 2.1 AA compliant with keyboard navigation, screen reader support, and focus management built-in.

Built for AI. Ready for Anything.

@pm7/core

The first UI component library designed
specifically for AI Coding Agents

Effortless styling • Universal compatibility
Ready to power your AI-driven workflows 

npm install @pm7/core

Works with every framework:

React className="pm7-button"
Vue class="pm7-button"
Angular class="pm7-button"
Svelte class="pm7-button"