Product guide · Compatibility

Compatibility

Monoline publishes an ESM package for React 18.2 and 19. This page lists its peer dependencies, server and client boundaries, and the CSS features expected from browsers.

Dependency and platform matrix

React
18.2 and 19

The published peer range is ^18.2.0 or ^19.0.0 for both react and react-dom.

Supported
Tailwind CSS
Version 4 or newer

Tailwind is an optional peer for JavaScript resolution, but the full theme and utility contract is written for Tailwind CSS v4.

v4+
Modules
ES modules with TypeScript declarations

The package publishes ESM JavaScript, declaration files, and explicit component subpath exports.

ESM
Next.js
App Router and React Server Component imports

Static component subpaths remain server-safe. Interactive component entries preserve their client boundary.

Tested

Server and client boundaries

Importing a static component from its subpath lets a Server Component remain on the server. Interactive entries are marked for the client.

app/page.tsx
// Preferred in application code
import { Card } from "@chitrank2050/monoline-ui/card"
import { Container } from "@chitrank2050/monoline-ui/container"

// Also supported for small scripts or quick prototypes
import { Card, Container } from "@chitrank2050/monoline-ui"

Browser expectations

The theme uses CSS custom properties, color-mix(), OKLCH colors, modern media queries, and focus-visible.

Recommended

Evergreen browsers

Use current stable releases in production and include the browsers your analytics show in automated visual checks.

Not declared

Legacy browser support

Monoline does not declare support for Internet Explorer or a fixed set of legacy browser versions.