Showing 117 open source projects for "patterns"

View related business solutions
  • Build Agents and Models on One Platform Icon
    Build Agents and Models on One Platform

    Everything you need to build production-ready agents and models. Access 200+ Google and third-party AI models and tools.

    Gemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
    Try It Free
  • $300 Free Credits for Your Google Cloud Projects Icon
    $300 Free Credits for Your Google Cloud Projects

    Start building on Google Cloud with $300 in free credits. No commitment, no credit card required until you're ready to scale.

    Launch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
    Start Free Trial
  • 1
    AngularJS

    AngularJS

    AngularJS - HTML enhanced for web apps

    AngularJS is a discontinued, open-source JavaScript framework by Google designed to extend HTML for building powerful single-page applications using MVC or MVVM patterns, offering data binding, dependency injection, and testability to simplify development. AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade/Pug and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. ...
    Downloads: 39 This Week
    Last Update:
    See Project
  • 2
    react-pxq

    react-pxq

    Implement modern front-end architecture with idiomatic React patterns

    react-pxq is a React-based single-page application that demonstrates how to implement modern front-end architecture with idiomatic React patterns. It shows how to break a product into cohesive components, manage global and local state, and coordinate data-fetching with UI updates. Routing is used to separate feature areas, while shared UI primitives keep styling and behavior consistent across screens. The code emphasizes ES6+ conventions, async flows, and clean separation of concerns to keep maintenance approachable. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    vue2-happyfri

    vue2-happyfri

    Learning-oriented app that recreates a mobile food-ordering experience

    ...It includes examples of fetching and normalizing data, handling asynchronous flows, and keeping UI reactive to server responses. Developers can study folder structure, component boundaries, and patterns for passing data and events cleanly through the tree. As a whole, it provides a concrete blueprint for building consumer-grade Vue apps that balance clarity, scalability, and user experience.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 4
    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: 1 This Week
    Last Update:
    See Project
  • Fully Managed MySQL, PostgreSQL, and SQL Server Icon
    Fully Managed MySQL, PostgreSQL, and SQL Server

    Automatic backups, patching, replication, and failover. Focus on your app, not your database.

    Cloud SQL handles your database ops end to end, so you can focus on your app.
    Try Free
  • 5
    useful-custom-react-hooks

    useful-custom-react-hooks

    This project was bootstrapped with Create React App

    ...It is built as a Create React App project and organizes each hook into its own component example. The repository covers common UI, browser, state, timing, storage, network, and interaction patterns that React developers often rebuild across projects. It includes hooks for toggling state, debouncing values, tracking previous values, managing arrays, storing data, fetching resources, loading scripts, and reacting to browser events. It also explores more advanced use cases such as geolocation, media queries, click-outside detection, dark mode, render counting, debug information, hover behavior, and long press interactions. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    Vuex

    Vuex

    Centralized State Management for Vue.js

    Vuex is a centralized state management pattern and library for Vue.js applications. It stores all the components in an application following rules that ensure the state is only mutated in a predictable manner. Unlike other management patterns, Vuex defines and separates the concepts involved in state management, and enforces rules that maintain independence between views and states. It is also a library implementation that's specifically tailored for Vue.js, so as to take advantage of its granular reactivity system for efficient updates. Vuex is ideal for building a medium-to-large-scale SPA, as it is better at handling state outside of Vue components.
    Downloads: 2 This Week
    Last Update:
    See Project
  • 7
    ESLint plugin for React Native

    ESLint plugin for React Native

    React Native plugin for ESLint

    eslint-plugin-react-native is an ESLint plugin that provides linting rules specifically for React Native projects. It ensures best practices, prevents common errors, and helps maintain code quality in React Native applications.
    Downloads: 2 This Week
    Last Update:
    See Project
  • 8
    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
  • 9
    textures.js

    textures.js

    SVG patterns for data visualization

    Textures.js is a JavaScript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization. Import textures.js from NPM. You can also use textures.js in your HTML page with a <script> tag by downloading textures.js to a local folder or by using the Unpkg CDN network. Textures.js can be used alongside d3.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Go from Code to Production URL in Seconds Icon
    Go from Code to Production URL in Seconds

    Cloud Run deploys apps in any language instantly. Scales to zero. Pay only when code runs.

    Skip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
    Try it free
  • 10
    React Native Router

    React Native Router

    The first declarative React Native router

    React Native Router is a different API over react-navigation. It helps users to define all the routes in one central place and navigate and communicate between different screens in an easy way. But it also means that react-native-router-flux inherits all limitations and changes from updated versions. v5.0.alpha.x is based on React Navigation v5.x (very early alpha, development in progress, help wanted!). Define all your routes in one React component and navigate from one scene to another...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    texgen.js

    texgen.js

    JavaScript Texture Generator

    texgen.js is a compact JavaScript library for generating procedural textures directly in the browser. It exposes a set of composable operations—noise, gradients, patterns, transforms, blends—that you can stack to create complex materials without image files. The API is deliberately fluent, letting you chain nodes to define a pipeline and then render to a canvas or WebGL texture. This approach is ideal for games, demos, and creative coding where small footprint and dynamic variation matter more than hand-painted assets. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    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
  • 13
    serverless-chrome

    serverless-chrome

    Run headless Chrome/Chromium on AWS Lambda

    ...Serverless Chrome takes care of building and bundling the Chrome binaries and making sure Chrome is running when your serverless function executes. In addition, this project also provides a few example services for common patterns (e.g. taking a screenshot of a page, printing to PDF, some scraping, etc.). Why? Because it's neat. It also opens up interesting possibilities for using the Chrome DevTools Protocol (and tools like Chromeless or Puppeteer) in serverless architectures and doing testing/CI, web-scraping, pre-rendering, etc. You must configure your AWS credentials either by defining AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY environmental variables, or using an AWS profile.
    Downloads: 3 This Week
    Last Update:
    See Project
  • 14
    ES6 Shim

    ES6 Shim

    ECMAScript 6 compatibility shims for legacy JS engines

    ...The project covers many ES6 APIs and attempts to align older browsers with the final ECMAScript 2015 specification. It is useful for applications that need broader browser support while still using modern JavaScript patterns. The library is distributed through common JavaScript package workflows and can be included in projects that target older runtimes. Although modern browsers have reduced the need for it, es6-shim remains an important historical and practical tool for compatibility-focused web development.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    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: 3 This Week
    Last Update:
    See Project
  • 16
    React-Native-Parsed-Text

    React-Native-Parsed-Text

    Parse text and make them into multiple React Native Text elements

    react-native-parsed-text is a React Native component that enables parsing and styling of substrings within a text block. It allows developers to identify patterns like URLs, phone numbers, or emails and apply custom styles or actions to them.​
    Downloads: 2 This Week
    Last Update:
    See Project
  • 17
    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: 1 This Week
    Last Update:
    See Project
  • 18
    WebRTC-Experiment

    WebRTC-Experiment

    WebRTC, WebRTC and WebRTC. Everything here is all about WebRTC

    ...Developers can study the examples to understand WebRTC APIs, signaling patterns, browser support, device detection, and peer-to-peer behavior. It is useful for prototyping browser-based communication apps and learning practical WebRTC implementation ideas.
    Downloads: 3 This Week
    Last Update:
    See Project
  • 19
    JS Bits

    JS Bits

    JavaScript concepts with code

    ...Rather than being a formal textbook, js-bits acts like a developer’s code-centric cheat sheet that helps bridge the gap between abstract language specifications and real usage patterns in the browser or Node.js.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    Scaffold-ETH

    Scaffold-ETH

    Forkable Ethereum dev stack focused on fast product iterations

    ...Common dapp niceties are prewired—wallet connections, account switching, faucets for local testing, and example UIs for reading/writing contract functions—so teams can focus on product logic rather than scaffolding. The project promotes good habits with opinionated structure, sample tests, and patterns for environment configuration and multi-network deployment. It’s widely used for tutorials, hackathons, and MVPs.
    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: 8 This Week
    Last Update:
    See Project
  • 22
    react-native-scrollable-tab-view

    react-native-scrollable-tab-view

    Tabbed navigation that you can swipe between

    ...The Animated API is designed to concisely express a wide variety of interesting animation and interaction patterns in a very performant way. Animated focuses on declarative relationships between inputs and outputs, with configurable transforms in between, and start/stop methods to control time-based animation execution.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    pulse - Java web app framework / CMS

    pulse - Java web app framework / CMS

    Built for enterprise level and highly customized websites

    An open source portal solution in Java. pulse is a framework on top of the Servlet API providing easy to use and easy to extend patterns for creating browser based applications and websites. Moreover pulse delivers a set of out-of-the-box components, e.g. CMS, shopping, user management. Key features: - Cross-platform, implemented using Java technology. - Completely written using Java 6. - Provides a framework for quick development of own applications
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Highland

    Highland

    High-level streams library for Node.js and the browser

    Highland is a JavaScript library designed to simplify working with streams and asynchronous data flows by providing a functional programming interface on top of Node.js streams. It allows developers to process data in a declarative and composable way, treating streams as sequences that can be transformed using familiar functional patterns such as map, filter, reduce, and flatMap. The library abstracts away much of the complexity of handling backpressure and asynchronous callbacks, enabling developers to focus on data transformation logic rather than low-level stream management. Highland supports both synchronous and asynchronous sources, including arrays, events, promises, and Node streams, making it highly versatile. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    Phaser 3 Plugin Path Builder

    Phaser 3 Plugin Path Builder

    Draw and edit Lines, Bezier Curves, Splines at runtime

    Phaser 3 Plugin Path Builder is a tool that allows developers to create and edit paths for path followers and tweens within Phaser 3 games. It supports various path types and enables runtime editing and exporting of paths.
    Downloads: 0 This Week
    Last Update:
    See Project
Auth0 Logo