Projects sharing features with Topcoat

Primer is a CSS design system framework and utility library used to build consistent user interfaces based on a unified visual language. It provides a collection of CSS rules, utility classes, and pre-defined style sheets for styling standard interface elements. The framework implements frontend visual standardization through a shared set of utility classes and design system rules. This allows for the creation of reusable interface elements and the rapid development of web interface layouts. The system utilizes a BEM-based naming convention, design-token mapping, and CSS variable-based themi

This is a CSS UI framework and design system implementation used to build user interfaces that match the visual design of Office and Microsoft 365. It provides a standardized set of typography, color palettes, and grid layouts to ensure a consistent visual appearance across web applications. The framework is designed for enterprise design system implementation, specifically for Microsoft 365 UI development and the styling of Office add-ins. It includes a dedicated iconography library of standardized icons to represent common actions and objects. The system utilizes a token-driven design appr

Vuestic UI is a Vue 3 component library providing a collection of pre-made user interface elements. It serves as a responsive UI framework and a themed component system designed to speed up frontend development and maintenance. The toolkit features a centralized configuration system for global styling and dynamic branding, including a built-in dark mode. It includes an internationalized interface toolkit with native support for localization and translating application content for multiple languages. The library provides a set of accessible web components that meet accessibility standards for

Papercss is a CSS UI framework and document-style design system used to build responsive web page layouts. It functions as a Less-based CSS library that applies a paper-like aesthetic and structured typography to give web pages the appearance of physical documents. The project also incorporates a utility-first CSS library model for rapid styling. The framework is distinguished by its ability to automate visual decorations, such as applying rotating border styles and shadow effects to child elements. It utilizes a Less-based variable system and modular stylesheet compilation, allowing users to

The United States Web Design System is a government design system and accessible UI framework. It provides a collection of standardized CSS and JavaScript components, along with a CSS component library, specifically designed for building consistent federal government websites. The system allows for custom CSS theme development through the use of design tokens for colors, spacing, and typography. Users can customize visual themes and compile custom styles to maintain a unified brand identity across multiple web properties. The framework covers responsive interface design and web accessibility

ng-zorro-antd is an Angular UI component library that implements the Ant Design visual language. It provides a collection of pre-built interface elements and professional design system layouts for building web applications. The library is designed as a themable component framework, offering configuration options to modify the visual styles of interface elements. It also functions as an internationalized UI library with built-in support for translating interface elements into multiple languages. The project covers enterprise UI development and multilingual interface design. Its capability sur

ring-ui is a web UI component library used to build consistent web applications through a shared set of reusable interface elements and standardized styles. It provides a foundation for web interface development, specifically supporting the creation of visual experiences for software extensions and plugins. The library includes a grid-based layout system for organizing screen content and maintaining responsiveness across different window sizes. It features a CSS variable theming system for applying consistent visual identities, a data table framework for rendering large datasets, and a form i

charts.css is a CSS-driven framework designed to transform semantic HTML into accessible data visualizations without relying on JavaScript. It functions as a charting library that uses standard HTML structures, such as tables and lists, to render graphs while maintaining full compatibility with screen readers. The project distinguishes itself by using CSS variables to map numeric data to visual dimensions and utility classes to control chart types and layouts. It supports a wide range of visual styles, including 3D effects, reflection effects, and customized color palettes integrated via a br

Materialize is a Material Design CSS framework and component library. It provides a collection of reusable visual elements and styles used to build web page designs that follow the Material Design specification. The project includes a responsive web layout engine to create adaptive user interfaces. This system automatically adjusts structure and spacing based on screen size to ensure consistency across different devices. The framework covers frontend UI prototyping and general CSS integration, utilizing a grid system and pre-styled components to assemble functional website layouts.

Pure is a CSS UI framework and modular component library designed for building consistent web layouts and interface components. It functions as a responsive CSS grid system and a CSS reset library that normalizes default browser rendering to ensure a uniform appearance across different web environments. The project provides standalone styles for common interactive elements such as buttons, menus, forms, and tables. It utilizes a modular architecture that allows for the inclusion of specific style modules and employs namespace isolation to prevent visual conflicts between components. The fram

This project is a CSS color utility library and palette framework designed to standardize the application of colors to text, backgrounds, and borders on the web. It provides a web color style system with predefined classes and defaults to accelerate the visual styling of web prototypes. The system utilizes skin-based color theming, allowing users to swap entire color palettes by changing top-level classes. It employs a utility class system backed by global CSS variable mapping to ensure visual harmony across different UI elements. The framework supports rapid UI prototyping and general web c

Tachyons is a utility-first CSS framework and functional CSS library. It provides a collection of single-purpose classes used to style elements and build layouts without writing custom CSS. The framework centers on a mobile-first responsive design system and a nestable grid architecture that adapts layouts across different screen sizes. It includes accessible color palettes and schemes designed to meet visual contrast and accessibility standards. The system provides tools for utility-first styling, responsive layout management, and visual debugging to resolve alignment and spacing issues.

This project is a CSS design system framework and modular library providing a standardized set of UI component stylesheets. It establishes a unified system of visual guidelines to ensure a consistent and professional look and feel across web interfaces. The framework is organized as a collection of standalone stylesheets that can be imported individually to minimize bundle size and eliminate unused styles. It utilizes a design token system based on CSS variables to manage theming and a utility-first class system for layout and spacing. The system employs a block element modifier naming conve

Suit is a CSS component architecture framework and methodology designed for organizing styles using predictable naming conventions for components, descendants, and visual variations. It serves as a design system styling framework that maps application states and design variations to modular CSS rules. The system utilizes namespace-based CSS scoping to isolate component styles and prevent unintended side effects in global stylesheets. It also functions as a utility-first toolkit, providing a system for applying single-purpose layout and spacing rules to reduce code duplication. The methodolog

radzen-blazor is a UI component library for Blazor applications, providing a collection of native interface elements including data grids, charts, and scheduling components. It includes a data visualization suite for rendering complex datasets through interactive charts and heatmaps, alongside responsive web layout tools to ensure interfaces adapt to different screen sizes and orientations. The library offers multiple design system implementations, including a Fluent UI framework and a Material Design UI kit. Visual customization is supported through dynamic theme customization and brand conf

coloruicss is a CSS UI component library and high-saturation design system specifically developed for mini program environments. It provides a collection of pre-styled visual elements designed to meet the technical constraints and rendering behaviors of these platforms. The framework focuses on replacing default system headers with a dedicated custom navigation bar framework. This allows for the creation of stylized top navigation areas that support custom colors, images, and action buttons. The system manages visual consistency through a CSS-based theming framework using custom properties t

weui-wxss is a mobile design system and UI framework designed for the WeChat Mini Program development environment. It provides a collection of reusable components and predefined styles to ensure interfaces match the native WeChat look and feel. The library focuses on implementing a native WeChat user experience by translating mobile design mockups into working code using standardized visual guidelines. It manages the visual appearance of applications through a consistent set of stylesheets tailored for the WeChat runtime. The framework includes capabilities for style management and the imple

NES.css is an 8-bit CSS framework and styling system that transforms standard HTML elements into pixelated interfaces inspired by classic gaming consoles. It serves as a retro UI component library and toolkit for rendering text, borders, and icons with a blocky aesthetic. The framework uses pure CSS to emulate 8-bit graphics without relying on external images or JavaScript rendering. It implements pixel-art border simulations and integrates pixel-style web fonts to maintain a consistent gaming aesthetic across different browsers. The system provides a suite of game-themed interface elements,

Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a

Wired Elements is a hand-drawn web component library and custom element UI kit. It provides a set of low-fidelity visual building blocks designed to produce a rough, non-polished aesthetic for early-stage design iterations. The framework enables the creation of rapid UI prototypes, low-fidelity wireframes, and conceptual UX mappings. It uses a sketched appearance to help focus iterations on layout and functionality rather than final visual polish. The library utilizes SVG-based path rendering and web component encapsulation to deliver its hand-drawn style. Visual states are managed through e

UnoCSS is an atomic CSS engine and utility-first framework that generates styles on-demand based on the specific classes used in your source code. By scanning your project files during the build process, it produces only the CSS necessary for your application, effectively minimizing bundle size and eliminating unused styles. The engine distinguishes itself through a highly modular, configuration-driven architecture that allows for deep customization of design tokens, rules, and presets. It supports advanced styling patterns such as attribute-based styling, tag-based styling, and dynamic varia

Semantic-UI is an HTML and CSS UI framework consisting of a themed component library and a responsive layout framework. It provides a collection of reusable interface components and a grid-based system of columns and containers designed to build responsive websites. The framework is distinguished by its use of natural-language class naming, which maps human-readable CSS classes to specific visual styles. It also functions as a right-to-left UI toolkit, utilizing directional mirroring to adjust visual flow and element alignment for languages read from right to left. The system covers frontend

Oat is a CSS variable-driven UI kit and semantic HTML component library that styles native HTML elements and attributes contextually, eliminating the need for CSS classes and reducing markup bloat. It provides a complete theming system where all visual properties are defined as CSS custom properties, allowing dark mode toggling and custom color themes by setting a single data attribute on the root element. The library delivers interactive UI elements as zero-dependency WebComponents that require no framework, build tool, or external library, while also offering declarative scroll animations t

system.css is a CSS component library and design system used to build web applications that mimic the look and feel of traditional desktop computing environments. It provides a toolkit of semantic classes and global variables to ensure visual uniformity across nostalgic, retro-inspired user interfaces. The framework enables the development of desktop-style web applications by structuring content within window containers and modal dialogs. It specifically supports the creation of monochrome interfaces and layouts that replicate the aesthetic of classic Macintosh operating systems. The library

WebSlides is an open-source tool for creating HTML presentations, landing pages, and longform articles directly in the browser. It provides a full-screen slide deck system where each section element becomes an individual slide with horizontal and vertical navigation, keyboard shortcuts, touch gestures, and remote presenter support. The project distinguishes itself by offering over 40 pre-built slide components such as covers, cards, quotes, and flexible block grids that can be assembled without writing custom layout code. It includes built-in support for embedding rich media like background i

98.css is a CSS retro UI framework and component library designed to recreate the visual aesthetic of legacy desktop operating systems. It serves as a retro design system and web UI emulator, providing a collection of styles to build faithful reproductions of vintage user interfaces. The framework employs a CSS-only component architecture to emulate classic software environments. It uses border-shadow emulation and state-based visual transitions to simulate physical button presses and three-dimensional panels without requiring external JavaScript logic. The library covers a wide range of int

Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a