Search Results for "design patterns"
Sort By:
Showing 219 open source projects for "design patterns"
View related business solutions-
Forever Free Full-Stack Observability | 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.
-
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
Java Design Patterns
Design patterns implemented in Java
...The design patterns are now available as an e-book. Design patterns can speed up the development process by providing tested, proven development paradigms. -
2
Design Patterns for Humans
An ultra-simplified explanation to design patterns
Design Patterns for Humans is a developer-friendly guide that explains classic software design patterns using plain language, intuitive analogies, and succinct code examples. Instead of dense academic prose, it focuses on “why” and “when” to use a pattern, including trade-offs that help readers make pragmatic choices. The material groups patterns into categories such as creational, structural, and behavioral, mirroring common references while staying approachable for self-study. ... -
3
Design Patterns in Swift
Design Patterns implemented in Swift
Design-Patterns-In-Swift is a repository that translates classic software engineering design patterns (from sources like the Gang of Four) into Swift code examples, so you can see how those patterns look in a modern, strongly typed, object-/protocol-oriented language. It covers creational, structural, and behavioral patterns: singletons, factories, decorators, observers, strategy, command, mediator, and more. -
4
Design Patterns Library
A comprehensive design patterns library implemented in C#
A comprehensive design patterns library implemented in C#, which covers various design patterns from the most commonly used ones to the lesser-known ones. Get familiar with and learn design patterns through moderately realistic examples. In software engineering, a design pattern is a general repeatable solution to a commonly occurring problem in software design. -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
5
Java Design Patterns Website
Next generation website for Java Design Patterns
This project is the VuePress-powered web front end for the well-known “java-design-patterns” project, which documents classic and modern design patterns in Java. Its purpose is to present that large body of content as a browsable, fast, static website with organized navigation, search, and pattern categorization. Instead of reading patterns only in GitHub markdown, users can consume them in a more pleasant documentation format with sections, sidebars, and themed pages. ... -
6
Interface Design
Design engineering for Claude Code
Interface Design is a Claude Code plugin and design-engineering toolkit that helps developers and designers retain consistent UI design decisions across sessions by codifying design principles and remembering them for future use. It’s built around the idea that when building UI (dashboards, apps, admin panels), design decisions like spacing, colors, depth, and component patterns can drift over time, so Interface-Design captures and stores those decisions in a system MD file that’s loaded automatically each session. ... -
7
System Design
Learn how to design systems and prepare for system design interviews
This project is an open, course-style repository designed to help you learn system design from fundamentals through advanced, interview-ready thinking. It organizes core networking and distributed-systems concepts into a structured path, so you can build intuition before jumping into “design X” exercises. It covers the building blocks that show up in real architectures, such as DNS, load balancing, caching, CDNs, proxies, scalability and availability tradeoffs, and storage patterns, then connects those pieces to larger system goals. ... -
8
Vibe Design System
Official monday.com UI resources for application development in React
Vibe Design System is monday’s official open source design system and UI library for building React applications that look and feel native to the platform. It bundles a set of React component packages, design tokens, and styling primitives that promote consistency in colors, typography, spacing, and interaction patterns. It includes comprehensive documentation, a component catalog, and an interactive playground so developers and designers can explore components, review guidelines, and experiment with layouts before using them in production. ... -
9
Singapore Government Design
Framework that provide a beautiful common visual language and UX
The Singapore Government Design System was developed to empower teams to create fast, accessible, and mobile-friendly digital services. SGDS components makes use of bootstrap v5.1.3 js library as an external dependency. If you only need the visual parts of SGDS, or if you are using frontend frameworks like React, you do not need to import this. -
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.
-
10
System Design Primer
Learn how to design large-scale systems
System Design Primer is a curated, open source collection of resources that helps engineers learn how to design large-scale systems. The project is structured as a comprehensive guide covering core system design concepts, trade-offs, and patterns necessary for building scalable, reliable, and maintainable systems. It offers both theoretical foundations—such as scalability principles, the CAP theorem, and consistency models—and practical exercises, including real-world system design interview questions with sample solutions, diagrams, and code. ... -
11
Modular Monolith with DDD
Full Modular Monolith application with Domain-Driven Design approach
...Presentation of the implementation using Domain-Driven Design approach (tactical patterns). Presentation of the implementation using Domain-Driven Design approach (tactical patterns). -
12
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... -
13
Fancy Components
Library of fancy, fun, animated react components
...Its positioning suggests a growing collection rather than a fixed set of components, which makes it appealing for designers and frontend developers who want a source of creative interaction patterns they can keep revisiting as the library expands. The project is also clearly aligned with a modern React stack, and its topic tags indicate a strong connection to animation, motion design, Tailwind CSS, and Framer Motion. -
14
PO UI
Angular component library
...It emphasizes productivity by offering ready-to-use components that reduce development time and enforce best practices in UI design. po-angular is designed with scalability in mind, supporting large applications with complex workflows and data structures. It also integrates well with Angular’s architecture, ensuring compatibility with services, routing, and state management patterns. -
15
nvim-surround
Add/change/delete surrounding delimiter pairs with ease
Surround selections, stylishly. -
16
UI UX Pro Max
AI SKILL that provide design intelligence
...Users can ask for specific UI/UX tasks or design patterns, and the skill will produce guidelines, code snippets, and responsive implementation suggestions that align with industry best practices and accessibility standards. It supports a broad range of tech stacks including HTML/Tailwind, React, Vue, mobile UI frameworks, and more, making it versatile for designers and developers alike. -
17
Figma Code Connect
A tool for connecting your design system components
...This approach reduces miscommunication and repetitive tasks that traditionally occur between design and engineering teams, speeding up iteration cycles while preserving fidelity to the original design intent. It can be integrated into development environments or build tooling so design updates automatically propagate into code patterns or UI specs. -
18
Vaadin Framework
Vaadin 6, 7, 8 is a Java framework for modern Java web applications
...Vaadin comes with all the UI components, frameworks, and tools you need to build a reliable, secure, app with great UX. Research shows that good user experience (UX) increases employee engagement, helps digital transformations to succeed, and avoids costly mistakes. The Vaadin Design System provides UI components and UX patterns that help you build consistently good user experiences in every app. Better yet, you can use it to build a custom design system for your organization. Vaadin comes with 45+ UI components that help you build consistent UIs fast. The theme can be customized to match your brand. -
19
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... -
20
heroui-native
Beautiful, fast and modern React Native UI library
heroui-native is a modern React Native UI component library designed to provide developers with beautiful, high-performance, and accessible mobile interface elements out of the box. Built with Tailwind CSS principles through Uniwind, it allows developers to apply familiar utility-first styling patterns to native mobile development. The library emphasizes design consistency and usability, offering components that are visually polished while maintaining flexibility for customization. Each component is fully typed and follows predictable patterns, making it easier to integrate into large-scale applications. HeroUI Native also focuses heavily on accessibility, ensuring proper handling of touch interactions, screen readers, and focus management. ... -
21
Tidal
Pattern language
Tidal Cycles (or just Tidal for short) is software for making patterns with code, whether live coding music at algoraves or composing in the studio. It includes a simple and flexible notation for rhythmic sequences and an extensive library of patterning functions for combining and transforming them. This allows you to quickly create complex patterns from simple ingredients. By default, sound is made with the featureful SuperDirt synth/sampler, but you can control other synths using Open... -
22
Antigravity Awesome Skills
The Ultimate Collection of 700+ Agentic Skills for Claude Code
Antigravity Awesome Skills is a playful yet practical repository that curates a set of clever, expressive, and sometimes whimsical AI agent skill templates designed to help users bootstrap agent behavior quickly. Rather than focusing on production-grade systems, it provides creative and high-impact skills that demonstrate how agents can be used to automate tasks, generate content, assist with daily operations, or integrate into larger workflows with minimal configuration. The project... -
23
react-resizable-panels
React components for resizable panel groups/layouts
...It also supports snapping, collapsed states, and layout persistence so your app can remember user preferences between sessions. Because the API is component-based, you can nest groups, render custom panel contents, and style handles to match your design system. Under the hood, it keeps measurement logic reliable across reflows and React 18 rendering patterns, making it suitable for IDE-like UIs, data dashboards, and inspector panes. -
24
zag
Finite state machines for building accessible design systems and UI
A collection of framework-agnostic UI components patterns like an accordion, menu, and dialog that can be used to build design systems for React, Vue, and Solid.js. Simple, resilient component logic. Write component logic once and use it anywhere. Built-in adapters that connect machine output to DOM semantics in a WAI-ARIA-compliant way. Component logic is largely JavaScript code and can be consumed in any JS framework. -
25
Must-Watch JavaScript
JavaScript talks you have to see on functional programming
...For someone who wants to deepen their understanding of JavaScript beyond “just writing code,” this repo offers a guided path through well-chosen content that can expand perspective: on architecture, patterns, pitfalls, performance tradeoffs, and the rationale behind design decisions in JS. It's particularly useful for mid- to senior-level developers aiming to refine their craft or for teams trying to align around shared mental models.
