pm7-ui Components

Framework-agnostic UI components that work everywhere.
Pure CSS styling with optional JavaScript for interactivity.

This site is best used on a desktop

Why pm7-ui?

CSS-First Architecture

All styling lives in pure CSS with consistent pm7- prefixed classes. Progressive enhancement adds interactivity only when needed.

Lightweight Wrappers

React components are thin wrappers around core CSS/JS. Get framework benefits without bloat or vendor lock-in.

TypeScript Ready

Full TypeScript support with accurate types for better developer experience and fewer runtime errors.

True Separation

Core package contains all styling and vanilla JS. Framework packages only add framework-specific logic.

Smart Class Handling

Uses clsx for efficient class name composition. Mix pm7 classes with your own seamlessly.

Vanilla JS Power

Interactive components use vanilla JS classes. Works everywhere, degrades gracefully.

Choose Your Package

@pm7/core

Pure CSS and vanilla JavaScript. Perfect for any project.

npm install @pm7/core
Available Now!

@pm7/react

React components with full TypeScript support.

npm install @pm7/react

@pm7/vue

Vue 3 components with composition API.

npm install @pm7/vue
Coming Soon