Search Results for "design patterns" - Page 2
Sort By:
Showing 59 open source projects for "design patterns"
View related business solutions-
Full-stack observability with actually useful AI | Grafana CloudBuilt 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.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
1
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. -
2
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.... -
3
node-elm
Backend system based on node.js + Mongodb
...The server demonstrates how to structure a project with routing, controllers, and middleware to keep logic testable and readable. It typically includes authentication flows, input validation, and error handling that mirror production patterns. Data seeding or mock datasets provide a stable playground for front-end integration and end-to-end testing. As a teaching tool, it helps developers learn how front-end and back-end contracts evolve together and how to design APIs that are both pragmatic and maintainable. -
4
WAI-ARIA
WAI-ARIA Authoring Practices Guide (APG)
WAI-ARIA Authoring Practices Guide (APG) Learn to use the accessibility semantics defined by the Accessible Rich Internet Application (ARIA) specification to create accessible web experiences. This guide describes how to apply accessibility semantics to common design patterns and widgets. It provides design patterns and functional examples complemented by in-depth guidance for fundamental practices. Work is planned and prioritized in our milestones. Each milestone corresponds to a working draft or releases published to w3.org. Work is organized by topic in our projects. Each project corresponds to a type of design pattern or section of guidance. ... -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
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. ... -
6
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. -
7
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. -
8
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... -
9
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. -
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
10
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. -
11
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. -
12
Bottery
A conversational agent prototyping platform
...A built-in simulator lets you “play” the conversation, test edge cases, and tweak flows without wiring up back-end services first. Because behavior is defined in a DSL, teams can version the conversation design alongside code and keep product, research, and engineering aligned. The repo includes examples of slots, branching, and side effects, showing how to express common patterns like confirmations, fallbacks, and small talk. Bottery’s value is in reducing the gap between whiteboard diagrams and a running prototype you can test with real users. -
13
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. -
14
Learning JavaScript Design Patterns
Repo for my 'Learning JavaScript Design Patterns' book
Design patterns also provide us a common vocabulary to describe solutions. This can be significantly simpler than describing syntax and semantics when we're attempting to convey a way of structuring a solution in code form. -
15
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... -
16
PurifyCSS
Remove unused CSS. Also works with single-page apps
A function that takes content (HTML/JS/PHP/etc) and CSS, and returns only the used CSS. PurifyCSS does not modify the original CSS files. You can write to a new file, like minification. If your application is using a CSS framework, this is especially useful as many selectors are often unused. Statically analyzes your code to pick up which selectors are used. The CLI currently does not support file patterns. Remove unused CSS code from your stylesheet. PurifyCSS is meant to be installed via... -
17
olivermak.es
Personal archive for Oliver Pattison: writing, photos and projects
Personal archive for Oliver Pattison: writing, photos, and projects. Build a personal website as an archive for my creative output. Experiment with HTML, CSS, and JavaScript using design patterns that I have not implemented before. Self-built: design and implement as much as possible by myself. Showcase my work for others. Improve at building advanced static sites with Jekyll. -
18
Picturefill
A responsive image polyfill
A Responsive Images approach that you can use today that mimics the proposed picture element using spans, for safety sake. Picturefill works best in browsers that support CSS3 media queries. The demo page references (externally) the matchMedia polyfill which makes matchMedia work in media-query-supporting browsers that don't support matchMedia. matchMedia and the matchMedia polyfill are not required for picturefill to work, but they are required to support the media attributes on picture... -
19
Web Starter Kit
Web Starter Kit - a workflow for multi-device websites
...Helping you to stay productive following the best practices outlined in Google's Web Fundamentals. A solid starting point for both professionals and newcomers to the industry. A responsive boilerplate optimized for the multi-screen web. Powered by Material Design Lite. You're free to use either this or a completely clean-slate via basic.html. Minify and concatenate JavaScript, CSS, HTML and images to help keep your pages lean. JavaScript code linting is done using ESLint - a pluggable linter tool for identifying and reporting on patterns in JavaScript. Web Starter Kit uses ESLint with eslint-config-google, which tries to follow the Google JavaScript style guide. ... -
20
The Art of Node
A short introduction to node.js
The Art of Node is an open-source resource and codebase that explores idiomatic and practical ways to write Node.js applications, often focusing on design patterns, best practices, and real-world examples to help developers build robust, scalable, and maintainable server-side JavaScript. Instead of simply cataloging APIs, the project delves into architecture concepts such as modularization, asynchronous control flows, testing strategies, error handling patterns, and tooling setups that professional Node applications benefit from. ... -
21
AXYZ
Newsfeed aggregator
...The result that has been obtained in the research, allow to create modules capable of compare the relationship between different news or information from different sources, their degree of influence and their detection by the patterns. -
22
Traceur
Traceur is a JavaScript.next-to-JavaScript-of-today compiler
Traceur is a JavaScript.next-to-JavaScript-of-today compiler that allows you to use features from the future today. Traceur supports ES6 as well as some experimental ES.next features. Traceur's goal is to inform the design of new JavaScript features which are only valuable if they allow you to write better code. Traceur allows you to try out new and proposed language features today, helping you say what you mean in your code while informing the standards process. JavaScript's evolution needs your input. Try out the new language features. Tell us how they work for you and what's still causing you to use more boilerplate and "design patterns" than you prefer. ... -
23
UMD
Patterns for JavaScript modules that work everywhere
This repository formalizes the design and implementation of the Universal Module Definition (UMD) API for JavaScript modules. These are modules which are capable of working everywhere, be it in the client, on the server or elsewhere. The UMD pattern typically attempts to offer compatibility with the most popular script loaders of the day (e.g RequireJS amongst others). In many cases it uses AMD as a base, with special-casing added to handle CommonJS compatibility. -
24
ng-demos
Variety of angular demos
ng-demos is a collection of sample Angular applications and code examples designed to demonstrate best practices, patterns, and techniques for building modern web applications. The repository includes multiple demo projects that showcase different aspects of Angular development, such as component design, routing, data services, and state management. It is intended as a learning resource for developers who want to see practical implementations of concepts discussed in tutorials and style guides. ... -
25
Ratchet
Build mobile apps with simple HTML, CSS, and JavaScript components
...The Ratchicon fonts are included, as are the Android and iOS platform themes. The Ratchet source code download includes the precompiled CSS, JavaScript, and font assets. Provides design patterns that serve as basic building blocks.
