Search Results for "design patterns"
Sort By:
Showing 59 open source projects for "design patterns"
View related business solutions-
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.
-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
1
Ant Design X
Experimental Ant Design extensions for advanced UI patterns
Ant Design X is an experimental extension project built around the Ant Design ecosystem, focusing on exploring advanced user interface patterns and next-generation component designs. It serves as a space for prototyping and validating ideas that go beyond the core Ant Design library, allowing developers to experiment with more complex interactions and layouts. -
2
Lightning Design System for React
Salesforce Lightning Design System for React
Accessible, localization-friendly, presentational React components. The Lightning Design System for React is an implementation of the Lightning Design System with accessible patterns and established best practices. The source code is licensed under BSD 3-Clause. For a no hassle setup and compatibility with Create React App, transpiled ES6 and CommonJS module versions have been included within the NPM package. If using this setup, please re-write the import statement in the documentation site examples. ... -
3
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... -
4
ReactJS Interview Questions
List of top 500 ReactJS Interview Questions & Answers
...It covers a broad spectrum of topics, from the fundamentals of React components and state management to advanced concepts like hooks, performance optimization, and design patterns. The project also extends into practical integration topics, such as working with APIs and handling routing. Future updates plan to add coding exercises, making the resource even more hands-on for learners. With contributions from the developer community, it serves as a practical guide for interview readiness and continuous skill-building. -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
5
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... -
6
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... -
7
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... -
8
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... -
9
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. ... -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
10
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. ... -
11
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... -
12
The Pope Bot
Autonomous AI agent that you can configure and build
The Pope Bot is an autonomous AI agent framework that lets users configure and run an AI-powered agent that can perform tasks continuously, day in and day out, by leveraging GitHub Actions, commit history, and secure workflows. It’s designed so that every action taken by the agent is logged as a git commit, giving users complete visibility into what the agent did, why it did it, and when, which makes actions auditable and reversible. The framework treats the repository itself as the agent’s... -
13
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... -
14
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. ... -
15
System Prompts Leaks
Collection of extracted System Prompts from popular chatbots
...The project highlights how system prompts — instructions that strongly influence model behavior — have been inadvertently shared in forums, datasets, and open repositories, illustrating common patterns and potential vulnerabilities in prompt design and deployment. By aggregating these prompts, the repository serves as a valuable resource for understanding how widely different models are being guided in the wild, which helps with comparative analysis across architectures and service providers. It also helps raise awareness around prompt security, showing how exposed system instructions can lead to unintended behaviors or exploitation if not properly protected. -
16
Generative AI for Beginners (Version 3)
21 Lessons, Get Started Building with Generative AI
Generative AI for Beginners is a 21-lesson course by Microsoft Cloud Advocates that teaches the fundamentals of building generative AI applications in a practical, project-oriented way. Lessons are split into “Learn” modules for core concepts and “Build” modules with hands-on code in Python and TypeScript, so you can jump in at any point that matches your goals. The course covers everything from model selection, prompt engineering, and chat/text/image app patterns to secure development... -
17
AG2
Framework for building and orchestrating multi-agent AI systems
AG2 is an open source framework designed to support the creation and coordination of multiple AI agents working together to solve complex tasks. It provides abstractions that allow developers to define agents with distinct roles, responsibilities, and communication patterns, enabling collaborative problem-solving workflows. AG2 focuses on making multi-agent systems more accessible by simplifying how agents are configured, connected, and executed. It includes mechanisms for agent-to-agent... -
18
Melt UI
A set of headless, accessible component builders for Svelte
Melt UI is an open-source headless component builder library created specifically for the Svelte ecosystem, designed to help developers construct accessible and highly customizable user interface components. Rather than providing fully styled widgets, the library focuses on supplying the behavioral logic and accessibility patterns needed to build UI components while allowing developers to control the visual appearance. Melt UI introduces a builder-based architecture where component logic is... -
19
Transformer Explainer
Learn How LLM Transformer Models Work with Interactive Visualization
Transformer Explainer is an interactive visualization tool created to help users understand how transformer-based language models operate internally. The platform runs a lightweight GPT-2 model directly in the user’s browser and allows users to experiment with text prompts while observing the model’s internal operations. Through visual diagrams and interactive interfaces, the tool reveals how tokens are processed through layers such as embeddings, attention mechanisms, and feed-forward... -
20
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. -
21
LIDA
Automatic Generation of Visualizations and Infographics using LLMs
...The system treats visualizations as executable code and uses AI to generate, modify, and interpret that code in order to transform raw datasets into meaningful charts and graphical explanations. Instead of requiring users to manually explore datasets and write plotting scripts, LIDA analyzes the data and automatically proposes visualization goals and design ideas that highlight patterns and relationships. The platform can generate visualization code compatible with a wide range of libraries, allowing it to integrate with common data science ecosystems. It also supports iterative workflows where visualizations can be edited, explained, evaluated, and repaired through AI-driven feedback loops. ... -
22
Photoshop GIMP Extensions Installer
Installs 180 Photoshop and GIMP Brushes, Plugins + Scripts fast
Photoshop and GIMP Extensions Installer installs + 180 plug-ins, pattern, gradients, curves easy for Photoshop + GIMP with 1 click. Use the Photoshop and GIMP Extensions Installer to choose one or more.... - plugins - brushes - scripts - patterns - gradients ... to install them easily and full-automatically. 1. Choose the version of Photoshop / GIMP 2. Choose a plugin 3. Click on install ++ SYSTEM-Checkup with custom installation folder selection ++ IMPORTER for... -
23
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. ... -
24
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. -
25
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. ...
