Sumi.css

Tailwind CSS is an open-source, utility-first CSS framework developed by Tailwind Labs for rapidly building custom user interfaces. Developers compose designs directly in markup using utility classes for layout, spacing, color, typography, responsive behavior, and other styling rules. It supports responsive styling, integrates with PostCSS, and provides documentation at tailwindcss.com along with community discussion through GitHub.

Amber Console is a monochrome amber-terminal CSS framework for web interfaces styled like late-1980s industrial control panels. It uses brightness, inverse video, and blinking rather than hue for hierarchy; 4px half-cell spacing based on a character grid; and stroked borders instead of elevation. The framework includes framed controls, instrument-style readouts, multiple palettes, and optional CRT-like effects such as ghosting, scroll smear, framebuffer decay, residual patches, and phosphor afterimages. It is distributed as a stylesheet with no dependencies, build step, or JavaScript required for component appearance; optional JavaScript modules add behavior and persistence effects. The project provides CSS and JavaScript distribution builds and can be installed with a link tag or imported as a package.

Solid Glass is an open-source design system for AI applications, implemented as a single lightweight CSS stylesheet for shadcn/ui components. It targets shadcn/ui components through their existing data-slot attributes and classes, so the components generally require no changes, and supports light and dark modes with a material-inspired treatment based on edge highlights, borders, shadows, and three glass thicknesses. The repository includes a Create page with controls for thickness, tint, chart color, type, radius, rim, and blur; it previews each selection and outputs the corresponding CSS. It also provides shadcn-installable components for agent interfaces, including status indicators, composer fields, tool steps, diff views, context rings, task notices, and reasoning displays, along with blocks, examples, documentation, and a component registry. Solid Glass is distributed under the MIT License. The published site and registry are hosted through GitHub Pages, and the repository includes scripts for local development, building, type checking, documentation generation, and registry generation.

good-css is a collection of opinionated modern CSS techniques packaged as an agent skill for coding agents. It guides agents toward CSS declarations that adapt without breakpoint-heavy layouts and toward CSS features instead of JavaScript; the techniques work in plain CSS, Tailwind, StyleX, or other CSS systems. The accompanying PRACTICES.md documents when to use each technique, shows its CSS, explains why it works, and credits its source, while good-css.com provides a live specimen for every entry. The skill can be installed for agents that support the Agent Skills format, including Claude Code, Codex, and Cursor, or added manually; the repository is MIT-licensed.

TermDOM is a JavaScript/TypeScript library for building terminal applications with HTML, CSS, and DOM APIs. It renders DOM nodes into a grid of terminal character cells, supporting CSS stylesheets and the box model, flexbox and table layout, text-width handling for CJK and other characters, forms, scrolling, Web Components, selection, and keyboard, mouse, focus, paste, and input events. It implements a browser-like rendering pipeline against character cells rather than pixels: styles and layout are recomputed for mutated content, the result is painted into a cell buffer, and differences from the previous frame are written to standard output as ANSI escape sequences. Input escape sequences are decoded into events dispatched to DOM nodes, and utilities such as querySelector(), MutationObserver, ResizeObserver, and getBoundingClientRect() operate on the cell-based layout.