Showing 34 open source projects for "design patterns"

View related business solutions
  • Earn up to 16% annual interest with Nexo. Icon
    Earn up to 16% annual interest with Nexo.

    Access competitive interest rates on your digital assets.

    Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
    Get started with Nexo.
  • Forever Free Full-Stack Observability | Grafana Cloud Icon
    Forever Free Full-Stack Observability | Grafana Cloud

    Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

    Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
    Create free account
  • 1
    Tailwind CSS

    Tailwind CSS

    A utility-first CSS framework for rapid UI development

    Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values. They make it easy to be consistent with color choices, spacing, typography, shadows, and everything else that makes up a well-engineered design...
    Downloads: 97 This Week
    Last Update:
    See Project
  • 2
    Grommet

    Grommet

    React-based framework that provides accessibility, modularity, etc.

    Streamline the way you develop apps. Build responsive and accessible mobile-first projects for the web with an easy-to-use component library. part design system, part framework, and all awesome. grommet is a React-based framework that provides accessibility, modularity, responsiveness, and themes in a tidy package. Tailor composite components with grommet. embrace atomic design methods and build a library that fits your needs. Keyboard navigation, screen reader tags, and more. grommet...
    Downloads: 7 This Week
    Last Update:
    See Project
  • 3
    glMatrix

    glMatrix

    Javascript Matrix and Vector library for High Performance WebGL apps

    Javascript has evolved into a language capable of handling realtime 3D graphics, via WebGL, and computationally intensive tasks such as physics simulations. These types of applications demand high performance vector and matrix math, which is something that Javascript doesn't provide by default. glMatrix to the rescue! glMatrix is designed to perform vector and matrix operations stupidly fast! By hand-tuning each function for maximum performance and encouraging efficient usage patterns...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 4
    meshery

    meshery

    Meshery, the cloud native manager

    Meshery seamlessly integrates with every CNCF project, your existing tools and Kubernetes clusters. This integration empowers you to enhance the use of your preferred monitoring, CI/CD and security solutions. Meshery's Kubernetes-native approach means you can easily incorporate Meshery into your existing workflow without additional setup or integration effort. A self-service engineering platform, Meshery, is the open source, cloud-native manager that enables the design and management of all...
    Downloads: 4 This Week
    Last Update:
    See Project
  • $300 in Free Credit Towards Top Cloud Services Icon
    $300 in Free Credit Towards Top Cloud Services

    Build VMs, containers, AI, databases, storage—all in one place.

    Start your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
    Get Started
  • 5
    Web Experience Toolkit

    Web Experience Toolkit

    Open source code library for building innovative websites

    Web Experience Toolkit (WET): Open source code library for building innovative websites that are accessible, usable, interoperable, mobile-friendly and multilingual. This collaborative open source project is led by the Government of Canada. A collection of flexible and themeable templates and reusable components. A collaborative open source project led by the Government of Canada. HTML5-first approach (leveraging native HTML5 support and filling support gaps with “polyfills”) Supporting a...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 6
    Primer CSS

    Primer CSS

    The CSS design system that powers GitHub

    Our goal is to create a system that enables us to build consistent user experiences with ease, yet with enough flexibility to support the broad spectrum of GitHub websites. This goal is embedded in our design and code decisions. Our approach to CSS is influenced by Object-Oriented CSS principles, functional CSS, and BEM architecture. Styles can be mixed and matched to achieve many different layouts, independent of their location. These styles fall into three categories. Single-purpose, immutable styles, that do one thing well. Abstracted patterns for frequently used visual styles. ...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 7
    Float UI

    Float UI

    Beautiful and responsive UI components and templates

    Float UI is an open-source collection of modern UI components and website templates built primarily for React, with planned support for Vue, designed to help developers rapidly build visually polished and responsive web applications. It combines Tailwind CSS with carefully crafted design patterns to deliver components that are both aesthetically appealing and production-ready. The project includes a wide variety of reusable UI elements and complete templates, such as landing pages, dashboards, and navigation layouts, allowing developers to bootstrap projects quickly. One of its strengths is its focus on simplicity and accessibility, providing ready-made solutions that can be easily customized without complex configuration. ...
    Downloads: 4 This Week
    Last Update:
    See Project
  • 8
    Fabric.js

    Fabric.js

    Javascript Canvas Library and SVG-to-Canvas Parser

    Fabric.js is a simple yet powerful Javascript HTML5 canvas library that allows you to easily work with HTML5 canvas element in various ways. It is also an SVG-to-canvas (and vice versa) parser. Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more. You could also group these objects together with just a simple...
    Downloads: 4 This Week
    Last Update:
    See Project
  • 9
    css-doodle

    css-doodle

    A web component for drawing patterns with CSS

    <css-doodle /> is based on Shadow DOM v1 and Custom Elements v1. You can use it on all major browsers right now without polyfills. The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself. Download the latest version or include it directly from a CDN. You can also install it from npm and import the module in JavaScript. The syntax...
    Downloads: 0 This Week
    Last Update:
    See Project
  • AI-generated apps that pass security review Icon
    AI-generated apps that pass security review

    Stop waiting on engineering. Build production-ready internal tools with AI—on your company data, in your cloud.

    Retool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
    Try Retool free
  • 10
    iCSS

    iCSS

    More than CSS

    ...Rather than being a traditional library, the project functions as an educational and inspirational knowledge base that explores unusual, powerful, or overlooked CSS features. The content covers topics such as layout tricks, animation patterns, visual effects, accessibility considerations, and emerging CSS standards. Materials are continuously updated and organized by category, helping frontend developers discover new approaches to solving UI and visual design challenges. The repository aims to broaden developers’ thinking about what can be achieved purely with CSS and native browser capabilities. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 11
    mall-admin-web

    mall-admin-web

    frontend component of the “mall” e-commerce system

    ...It demonstrates how a modern single-page application can be structured to integrate with the backend services described in the learning / microservice projects, including authentication (JWT or token), REST APIs, role/permission management and real-time dashboards. The codebase offers modular UI architecture, Vue component patterns, dynamic menu and permission handling, and visualization of statistics and reports. For teams building an admin portal or internal operations system, this project provides a concrete blueprint for UI design, API integration, state management and role-based access control. It also shows how to work with enterprise features (search, pagination, batch actions, uploads) in a consistent framework.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    Modern UI/UX GPT-3

    Modern UI/UX GPT-3

    Master the creation of Modern UX/UI Websites

    This repository teaches how to craft a modern marketing site with polished UI/UX patterns using React and CSS. It focuses on layout, typography, spacing, and component structure to produce a landing page feel often seen in contemporary product sites. The project encourages clean semantics and reusable components while keeping the stack lightweight. It’s positioned as a design-driven build rather than a data-heavy app, making it ideal for practicing hero sections, feature blocks, responsive grids, and call-to-action areas. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    JavaScript & Node.js Testing

    JavaScript & Node.js Testing

    Comprehensive and exhaustive JavaScript & Node.js testing

    ...It distinguishes between different kinds of tests—unit, integration, end-to-end—and shows when each is appropriate given time and risk constraints. The guide focuses on removing flakiness by isolating side effects, controlling randomness, and stabilizing async code paths. It also demonstrates test design techniques like arranging test data, using expressive assertions, and structuring test suites for readability and discoverability. Tooling agnosticism is a theme: patterns are illustrated with popular tools but written to survive framework churn. The end goal is a test suite that acts as living documentation while catching regressions quickly and deterministically.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    Enterprise

    Enterprise

    The Enterprise™ programming language

    Enterprise is a satirical open-source project that humorously critiques corporate software development practices by presenting intentionally overengineered and unnecessarily complex code structures. Rather than aiming to solve a practical technical problem, it serves as a parody of enterprise-grade software, showcasing exaggerated patterns such as excessive abstraction, redundant layers, and convoluted architectures. The repository is often used as a teaching tool to highlight anti-patterns in software engineering, helping developers recognize and avoid overly complicated designs in real-world projects. Despite its humorous nature, the project is technically functional and demonstrates how complexity can accumulate when design principles are misapplied. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    Learning Prompt

    Learning Prompt

    Free prompt engineering online course

    ...Because prompt design is a skill under continuous iteration, the repo encourages contributions of new prompt recipes, evaluations, and domain-specific adaptations. It’s intended for educators, developers, and prompt engineers who want a living toolkit rather than static advice. Over time it serves as both a reference and playground for emergent prompt techniques.
    Downloads: 2 This Week
    Last Update:
    See Project
  • 16
    Ant Design Vue Pro

    Ant Design Vue Pro

    Use Ant Design Vue like a Pro!

    Ant Design Pro is a production-ready solution for admin interfaces. Built on the design principles developed by Ant Design, this project introduces higher-level components; we have developed templates, components, and a corresponding design kit to improve the user and development experience for admin interfaces. Out-of-the-box mid-stage front-end/design solutions. Carefully designed based on Ant Design system. Extracted from typical pages and scenarios of middle and background applications....
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    vue2-manage

    vue2-manage

    A admin template based on vue + element-ui

    vue2-manage showcases an admin dashboard built with Vue 2, demonstrating how to design and organize a multi-section management console. It includes common admin patterns such as authentication gates, tables, charts, forms, pagination, and search to support day-to-day operations. The project emphasizes clear layout hierarchies, navigation systems, and reusable UI primitives that keep large interfaces consistent. It provides examples of CRUD workflows and data validation so teams can quickly adapt similar patterns in production systems. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    Solved by Flexbox

    Solved by Flexbox

    A showcase of problems once hard or impossible to solve with CSS

    Solved by Flexbox is a collection of layout patterns that demonstrates how CSS Flexbox elegantly resolves classic web design problems. It tackles everyday challenges—vertical centering, equal-height columns, sticky footers, fluid media, and responsive grids—showing concise, production-ready CSS instead of elaborate hacks. Each pattern is presented with plain HTML, clear commentary, and minimal styling, making the underlying technique easy to adapt and extend.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    React-WeUI

    React-WeUI

    WeUI Components build with React

    ...Because of its heritage, React-WeUI is especially relevant for mobile web experiences, lightweight app-like pages, and products targeting users familiar with WeChat-inspired interaction patterns.
    Downloads: 4 This Week
    Last Update:
    See Project
  • 20
    End-To-End

    End-To-End

    End-To-End is a crypto library to encrypt, decrypt, digital sign

    End-to-End was a client-side encryption project that prototyped OpenPGP-compatible, end-to-end encrypted messaging in the browser. The idea was to move cryptographic operations entirely to the user’s machine—key generation, encryption, and signature—so messages remain unreadable to intermediaries. It packaged a JavaScript crypto library, UI elements, and a browser extension workflow that could integrate with webmail-style UIs without server changes. The codebase emphasized careful key...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    react-native-material-bottom-navigation

    react-native-material-bottom-navigation

    Beautiful, customizable and easy-to-use material design navigation

    A beautiful, customizable and easy-to-use. Material Design Bottom Navigation for react-native.
    Downloads: 5 This Week
    Last Update:
    See Project
  • 22
    Effeckt.css

    Effeckt.css

    A Performant Transitions and Animations Library

    ...Each effect is isolated, documented, and demoed, allowing designers to copy just what they need rather than dragging in a monolithic framework. By standardizing names and behaviors, it helps teams keep motion design consistent across a product while remaining easy to theme. The library doubled as a learning resource during the rise of CSS animations, showing how to achieve polished interactions without heavy JavaScript.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    React Values

    React Values

    A set of tiny React components for handling state with render props

    ...Instead of forcing you into a specific global state system or hooks-only interface, it uses render props to keep components flexible and visible in the tree, enabling controlled and uncontrolled use cases alongside shared state patterns. The design prioritizes simplicity and familiarity, so working with values feels like using native JavaScript methods but with UI reactivity built in, helping you avoid boilerplate.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Essential React

    Essential React

    A minimal skeleton for building testable React apps using Babel

    A minimal skeleton for building testable React apps using Babel. The design goals are to use fewer tools (no yeoman, gulp, bower, etc...) Babel 6 with Webpack and Hot Loader. Fast testing with mocked-out DOM. Import CSS files as class names. Separate smart and dumb components. No specific implementation of Flux or data fetching patterns. A core philosophy of this skeleton app is to keep the tooling to a minimum.
    Downloads: 3 This Week
    Last Update:
    See Project
  • 25
    asynquence

    asynquence

    Asynchronous flow control

    asynquence is a small, promise-like flow library for composing asynchronous steps into readable sequences. Instead of juggling nested callbacks, you create a chain of operations that pass values forward and route errors consistently. It supports concurrency control via “gates” and “races,” letting multiple tasks proceed and rejoin at the right moment without complex bookkeeping. The design emphasizes clarity and debuggability, keeping stack traces and error paths straightforward. Plugins...
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • 2
  • Next
MongoDB Logo MongoDB