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

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

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 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

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.

Short CSS code snippets for all your development needs

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

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

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

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

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

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

Next-saas-stripe-starter is a full-stack application template built for launching software-as-a-service products with user authentication, billing, and database integration. The platform combines a starter kit template with a type-safe database toolkit, object-relational mapping, and a payment processing integration for handling recurring customer billing, subscription tiers, and checkout workflows. User identity management is supported through social logins, secure sessions, and credential-based authentication. The core architecture supports type-safe database modeling, server-executed actio

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

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

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

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

Mono-icons is a collection of scalable vector graphics and web icon fonts designed for consistent visual representation across digital interfaces. The project provides a repository of resolution-independent assets that maintain visual clarity when scaled for different screen sizes and display densities. The library utilizes OpenType font packaging to bundle vector paths into a unified format, allowing icons to be rendered as text. By mapping semantic class names to specific character codes, the system enables the injection of visual symbols into web elements through stylesheet declarations. T

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 is a collection of small JavaScript projects and code samples that demonstrate the implementation of fundamental programming concepts through practical applications. The repository serves as a reference for building interactive user interfaces, managing application state, and integrating external APIs using vanilla JavaScript. The project focuses on the use of standard JavaScript without external frameworks to create interface elements such as modals, sliders, and galleries. It provides examples of organizing complex application logic through object-oriented patterns using classes and ob

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