Search Results for "design patterns"
Sort By:
Showing 64 open source projects for "design patterns"
View related business solutions-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
Stop Cyber Threats with VM-Series Next-Gen Firewall on AzureGain integrated visibility across all traffic in a single pass. Deploy Palo Alto Networks VM-Series to determine application identity and content while automating security policy updates via rich APIs.
-
1
React in patterns
A free book that talks about design patterns/techniques
React in patterns is a free book about common design patterns and techniques used in React development. It is written for developers who already understand React basics and want to think more clearly about application structure. The book explains concepts such as communication, event handlers, composition, controlled inputs, container components, one-way data flow, Flux, Redux, dependency injection, styling, and third-party integration. -
2
Huashu Design
Huashu Design · HTML-native design skill for Claude Code
...It also encourages iterative refinement, enabling continuous improvement of conversational strategies based on feedback and performance. The framework can be applied to both human-driven and AI-driven interactions, making it versatile across use cases. Overall, huashu-design offers a systematic approach to crafting and managing effective communication patterns. -
3
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. -
4
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. ... -
Stop vibe-debugging.AppSignal's MCP server hands Claude, Cursor, or Zed your real errors, traces, and the deploy that shipped them. AI writes the fix; you review the diff.
-
5
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... -
6
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. -
7
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... -
8
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... -
9
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... -
Enterprise-grade ITSM, for every businessFreshservice is an intuitive, AI-powered platform that helps IT, operations, and business teams deliver exceptional service without the usual complexity. Automate repetitive tasks, resolve issues faster, and provide seamless support across the organization. From managing incidents and assets to driving smarter decisions, Freshservice makes it easy to stay efficient and scale with confidence.
-
10
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... -
11
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... -
12
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. ... -
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
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. ... -
15
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. ... -
16
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. -
17
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... -
18
node.js-clean-architecture
A use case of Clean Architecture in Node.js comprising of Express.js
node.js-clean-architecture is a reference implementation that demonstrates how to structure Node.js applications using Clean Architecture principles. It separates concerns into distinct layers such as domain, application, infrastructure, and presentation, ensuring that business logic remains independent of external frameworks and technologies. The project is designed to improve maintainability, scalability, and testability by enforcing clear boundaries between components. It provides... -
19
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... -
20
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... -
21
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... -
22
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... -
23
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... -
24
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. -
25
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. ...
