Open-source alternatives to SubtlePatterns

This project serves as a centralized repository and management platform for custom drawing assets used in collaborative diagramming environments. It provides a structured system for packaging, distributing, and discovering reusable shapes and components, ensuring that visual elements remain consistent and accessible across different design workflows. The platform distinguishes itself by integrating validation and analytics tools directly into the asset lifecycle. It enforces compatibility through schema-based validation of library files and maintains a searchable index of community-contribute

This project serves as a centralized repository and distribution platform for open-source font families. It provides a collection of high-quality, freely licensed typefaces designed for use in web and print, enabling developers and designers to integrate standardized typography into digital interfaces and applications. The platform functions as a comprehensive asset management system that utilizes version control to track historical changes and metadata-driven indexing to organize large typographic libraries. By leveraging a global content delivery network, it ensures reliable and low-latency

css.gg is a collection of visual assets providing a CSS UI icon library and an SVG icon set. It delivers vector icons and glyphs through CSS classes, SVG sprites, and a library of styled components for web interfaces. The project includes a Figma UI asset pack to support the creation of high-fidelity prototypes and interface mockups. These design assets can be exported into external tools for prototyping and layout standardization. The system provides capabilities for embedding vector graphics, integrating typographic symbols, and managing design assets via API or NPM. It also supports the c

pattern.css is a CSS background pattern library and texture generator. It provides a collection of pure CSS styles used to create decorative, repeating geometric and organic designs for website backgrounds and user interfaces. The project focuses on generating visual effects using only CSS properties, removing the need for image files. This approach optimizes assets by replacing image-based textures with code to reduce page load times. The library utilizes linear and radial gradient layering, background stacking, and relative-unit sizing to produce tiling shapes and textures. It also employs

This project is a centralized repository and delivery system for branding assets and development environment themes. It serves as a static asset host that provides brand images, logos, and media files via a content delivery network for use by external applications. The project provides an integrated theme and icon pack for editors and terminals, featuring hand-curated color schemes and a custom file icon set mapped to specific extensions and folders. It utilizes a JSON-schema-driven configuration system to apply consistent visual styling and contrast levels across different platforms. Additi

This project is a CSS framework and styling layer that applies Bootstrap visual styles to jQuery UI components. It functions as a cross-library bridge to unify the visual identity of these two libraries, ensuring jQuery UI widgets match a consistent Bootstrap-based design system. The framework resolves visual and functional conflicts between the libraries through selector-based style injection and theme mapping. It uses a layered integration approach to attach standardized CSS classes to elements rendered by the widget library, preventing style collisions. The project covers a wide range of

Skill-icons is a developer skill badge generator that provides a centralized library of standardized vector graphics representing programming languages, frameworks, and development tools. It functions as a web asset resource for creating visual summaries of technical stacks, enabling users to embed consistent icon collections into project documentation, developer portfolios, and repository profiles. The project utilizes a stateless, parameter-driven engine that dynamically assembles icon grids based on URL query strings. By processing these parameters, the system performs server-side composit

Short CSS code snippets for all your development needs

Hamburgers is a CSS component library providing a collection of animated navigation icons. These components use CSS transitions to toggle between collapsed and active states, serving as reusable style definitions for interactive user interface elements. The library features customizable UI icons where colors and dimensions are controlled via CSS configuration variables. This allows for the modification of icon appearance and style during the build process. The project covers the implementation of animated menu navigation and responsive web interface design through the use of frontend visual

This project is a Java GUI framework used to build cross-platform desktop, mobile, and embedded applications. It centers on a hardware accelerated graphics engine that provides 2D and 3D visualizations and visual effects, complemented by a reactive UI binding system for synchronizing data and interface updates. The framework distinguishes itself through the FXML markup language, which separates the visual structure of an interface from its procedural logic. It also includes a dedicated CSS styling engine that allows for the customization of component appearances using external stylesheets and

GrapesJS is a framework for creating no-code visual editors that produce HTML and CSS templates. It provides a browser-based interface for designing website and newsletter structures using a drag-and-drop page editor. The project functions as a web builder framework, enabling the development of custom design environments. It includes a system for managing nested HTML elements, modifying layout properties via a graphical interface, and organizing components through a page layer hierarchy. The toolset covers digital asset management for organizing images and files, as well as the ability to pe

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

RoundedImageView is an Android library providing custom view implementations for rendering images with rounded corners, circles, and ovals. It uses hardware acceleration to ensure high performance and smooth edge quality when clipping images into these shapes. The library includes a customizable image border view that draws consistent strokes around images, scaling automatically as the view size changes. It also provides a tiled image background view that repeats image patterns across a surface using various tiling modes.

Spartan is a development framework and design system toolset that combines a headless UI component library with a full-stack application scaffolder. It provides accessible, unstyled primitives that separate behavioral logic from visual styling, while automating the creation of development environments with end-to-end type safety across API and database layers. The project distinguishes itself by utilizing a component distribution model that copies styled source files directly into the local codebase to prevent dependency-based style locking. It also functions as an AI context server, using a

balloon.css is a lightweight, CSS-driven framework for implementing customizable tooltips and textual overlays. It is a pure CSS library that enables the creation of informative pop-up elements without requiring a JavaScript runtime. The framework uses CSS variables to allow for the customization of colors, fonts, and animations. Tooltips can be positioned in specific directions relative to their trigger element and support the embedding of rich content, such as HTML special characters and icon fonts. Visibility is primarily managed through hover triggers, though the system supports programm

This project is a cross-platform mobile development tutorial and educational guide. It provides a structured curriculum of lessons and code samples designed to teach users how to build mobile user interfaces using a JavaScript-based framework. The material focuses on several specialized areas, including a course on creating responsive interfaces with the flexbox layout model, guides on mobile component architecture for building reusable UI elements, and tutorials on integrating native code to access platform-specific APIs on iOS and Android. The curriculum covers a broad range of capabilitie

Android-PickerView is a custom view library for Android that provides a wheel-based scrolling interface for selecting dates, times, and custom data options. It functions as a selection component that can be used for specialized time and date picking or as a general wheel picker for custom data sets. The library features cascading selection capabilities, allowing for linked data selectors where choosing an option in one column filters the available choices in subsequent columns. It also supports cyclic scrolling to create a continuous loop and can encapsulate the selector within a modal dialog

OverlayScrollbars is a JavaScript scrollbar plugin and DOM element scroll manager that replaces native browser scrollbars with custom styleable overlay versions. It functions as a UI component for styling scrollbar tracks and handles while preserving original scrolling behavior and accessibility. The project ensures cross-browser UI consistency by overriding native implementations with custom web scrollbars. It utilizes a system of CSS custom properties and predefined themes to allow the visual appearance of the scrollbars to match specific website designs. The library includes a programmati

Devicon is a comprehensive library of scalable vector graphics representing programming languages, frameworks, and development tools. It provides a standardized set of visual assets designed to help users identify software stacks and technical technologies within web interfaces and documentation. The collection supports multiple integration methods, including direct vector rendering and font-based mapping, allowing icons to be embedded as text elements or standalone graphics. By utilizing semantic class-based styling and declarative markup, the library enables consistent visual branding acros

This project is a browser-based collaborative design platform that provides a comprehensive workspace for interface design, interactive prototyping, and design system management. It functions as a vector graphics editor that enables teams to create, manage, and iterate on designs in real-time, utilizing a component-based inheritance model to ensure consistency across complex projects. The platform distinguishes itself through a deep integration of design and development workflows. It features a specialized developer handoff workspace that allows for the inspection of design properties, precis

React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

DataTables is a feature-rich HTML table library that transforms static HTML tables into interactive data grids with sorting, paging, filtering, and server-side processing support. It provides a client-side rendering engine that handles table rows, pagination, and sorting entirely in the browser, while also offering a server-side processing pipeline that offloads sorting, filtering, and paging operations to a backend for efficient handling of large datasets. The library distinguishes itself through its plugin-based extension system, which allows custom functions and widgets to modify table beh

This project is a full stack project generator and boilerplate for the MEAN stack, combining MongoDB, Express, Angular, and Node.js. It provides a pre-configured architecture and scaffolding tools to bootstrap JavaScript applications with a database, backend server, and frontend framework. The project includes a Dockerized application template to ensure consistent deployment and local development across different hardware configurations. It features a Node.js API scaffold that integrates token-based security, request validation, and interactive API documentation. The codebase covers broader

Mermaid Live Editor is a browser-based tool for editing and previewing Mermaid diagrams in real time. It renders diagrams entirely on the client side using the Mermaid library, with no server round-trips required, and provides a debounced live preview that updates the rendered output as you type. The editor supports sharing diagrams through URLs that encode the entire editor state, allowing instant restoration of a diagram. These links can open either a read-only viewer for lightweight display or an editable editor for collaborative modification. Diagrams can also be exported as SVG files via

Color-thief-py is a Python library designed to analyze digital images for the purpose of extracting prominent color information. It functions as a computer vision tool that processes image files to identify the single most dominant color or to generate a representative color palette based on the visual composition of the source. The library utilizes the Pillow imaging library to handle diverse file formats and load image data into memory as structured pixel arrays. By mapping these pixels into a three-dimensional color space and applying median-cut quantization, the tool identifies statistica

This project is a comprehensive technical interview preparation resource and computer science interview guide. It serves as an educational reference for developers to study core software engineering fundamentals and common coding patterns required for employment screenings. The repository provides detailed guides and references covering data structures and algorithms, networking and security, operating systems, and web development. It specifically focuses on the implementation and complexity analysis of sorting, searching, and graph algorithms. The material encompasses a wide breadth of comp

One is a full-stack, cross-platform React framework and multi-target rendering engine designed to build web and native applications from a single codebase. It utilizes a Vite-based build pipeline to manage shared components while providing a type-safe file-system router that automatically generates navigation definitions. The framework distinguishes itself by supporting a hybrid rendering strategy, allowing individual routes to be configured as static sites, server-rendered pages, or single-page applications. It employs platform-specific logic resolution and a shared Vite plugin to coordinate