Search Results for "design patterns"
Sort By:
Showing 49 open source projects for "design patterns"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
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.
-
1
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. ... -
2
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. -
3
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. ... -
4
prompt-kit
Core building blocks for AI apps
...It provides developers with a set of reusable building blocks that integrate seamlessly with frameworks like React, Next.js, and Tailwind CSS, enabling rapid development of polished and consistent AI user experiences. The library is designed to work alongside shadcn/ui, allowing developers to extend existing design systems with AI-specific interaction patterns such as prompt inputs, streaming responses, and conversational layouts. Prompt Kit emphasizes accessibility, performance, and design consistency, making it suitable for production-grade applications that require both functionality and visual quality. It abstracts common UI challenges associated with AI interfaces, such as managing input states, displaying dynamic outputs, and handling conversational flows. -
Build Agents and Models on One PlatformGemini 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.
-
5
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. -
6
cult/ui
Components crafted for Design Engineers. Styled using Tailwind CSS
...The library is built using modern frontend technologies such as Tailwind CSS and is fully compatible with ecosystems like shadcn, making it highly adaptable. It also includes a large catalog of prebuilt AI agent patterns and templates, allowing developers to rapidly prototype and deploy AI-powered features such as data analysis tools, chat interfaces, and automation systems. The project emphasizes developer experience, offering live previews, modular design, and full-stack templates that can be used as starting points for applications. Its extensibility allows teams to create their own component libraries or adapt existing components to fit specific needs. -
7
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. -
8
Reka UI
An open-source UI component library for building design systems
Reka UI is an open-source UI component library designed for building accessible and customizable web interfaces in Vue-based applications. The library provides a collection of unstyled UI primitives that developers can use as the foundation for creating fully customized design systems. Rather than forcing a predefined visual style, Reka UI focuses on accessibility, composability, and flexibility, allowing developers to implement their own visual themes and branding. The project evolved from the Radix Vue initiative and aims to bring the same accessibility-focused component patterns to the Vue ecosystem. ... -
9
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. ... -
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
react-email
Build and send emails using React
react-email is a modern library for building responsive email templates using React components, bringing familiar frontend development practices into email design. It allows developers to create emails using reusable components, making it easier to maintain consistency across different templates and campaigns. The library supports rendering to HTML that is compatible with major email clients, addressing common challenges such as inconsistent styling and layout issues. It integrates seamlessly with modern JavaScript tooling, enabling developers to use TypeScript, JSX, and component-based design patterns. ... -
11
Cursor Cookbook
This repo contains small examples for building with Cursor
Cursor Cookbook is a curated collection of examples, patterns, and best practices for building applications with Cursor and AI-assisted coding tools. It provides practical recipes that demonstrate how to integrate AI into development workflows effectively. The repository focuses on real-world use cases such as automation, code generation, and system design. It helps developers understand how to structure prompts and workflows for consistent results. -
12
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. -
13
Learn Harness Engineering
Harness engineering official style beginner tutorial
Learn Harness Engineering is an educational repository focused on teaching the principles behind building robust AI agent systems through harness design. It introduces the concept of harness engineering, which involves structuring how agents manage memory, context, and execution rather than relying solely on prompts. The project provides examples, explanations, and patterns for designing reliable, controllable, and scalable agent workflows. It emphasizes modular architecture, reproducibility, and observability in agent systems. ... -
14
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. -
15
12-Factor Agents
What are the principles we can use to build LLM-powered software
12-Factor Agents is a conceptual engineering guide that defines a set of principles for building reliable, scalable, and maintainable LLM-powered applications. Inspired by the original Twelve-Factor App methodology, the project reframes best practices specifically for agentic systems and AI software. It outlines patterns such as treating prompts as first-class assets, owning the context window, and converting natural language into structured tool calls. The repository emphasizes operational... -
16
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. -
17
Angular Components
Material Design components for Angular
...Well tested to ensure performance and reliability. Straightforward APIs with consistent cross platform behaviour. Provide tools that help developers build their own custom components with common interaction patterns. Customizable within the bounds of the Material Design specification. Built by the Angular team to integrate seamlessly with Angular. Start from scratch or drop into your existing applications. In Angular Material, you create a color configuration by composing multiple palettes. Angular Material theme styles are generated statically at build-time so that your app doesn't have to spend cycles generating theme styles when bootstrapping. -
18
Bits UI
The headless components for Svelte
...Instead of shipping with predefined styles, the library offers unstyled components that focus on behavior and accessibility, allowing developers to fully control the appearance of their UI through their own CSS or design systems. This headless architecture makes Bits UI particularly useful for teams that need reusable UI logic while maintaining consistent branding and visual customization. The project builds on concepts inspired by libraries such as Radix UI and React Spectrum and integrates builder patterns influenced by Melt UI to deliver powerful component abstractions. ... -
19
Kodus
AI code reviews, just like your senior dev would do
Kodus-AI is a framework for building, training, and deploying intelligent agents and models, especially focusing on practical AI workflows for businesses and automation. It provides a structured set of tools and abstractions that help teams design agent behaviors, orchestrate data pipelines, optimize inference, and integrate AI capabilities with applications or services. The platform often includes model management, scalable training workflows, and orchestration patterns that help teams move from research or prototypes to production-ready AI deployments. Through configurable pipelines and a focus on modularity, it supports experimentation while maintaining reproducibility and performance. ... -
20
ink-kit
Onchain-focused SDK with ready-to-use templates and themes
ink-kit is a developer toolkit for building applications on the INK blockchain ecosystem, bundling the pieces you typically need to go from a blank repo to a working dapp. It provides contract templates, deployment scripts, and client SDKs so you can iterate on on-chain logic and a frontend without stitching together disparate tools. The kit standardizes project layout and environment configuration, making local development, testing, and staging deploys predictable. Utilities for wallet... -
21
Retro UI
A NeoBrutalism styled React + TailwindCSS UI library
...The project is aimed at developers and designers who want to create unique user experiences that stand out from contemporary flat or minimal design trends. It emphasizes visual authenticity, using design patterns inspired by early desktop environments and legacy software interfaces. RetroUI can be used for creative projects, games, experimental interfaces, or themed applications that require a distinctive visual identity. Despite its retro appearance, it is built with modern web technologies, ensuring compatibility with current browsers and development workflows. -
22
Chakra UI
Chakra UI is a component system for building SaaS products with speed
Chakra UI is a modern, accessible React component system designed for rapid development of design systems and web applications. It provides built-in theming, accessibility, and composability features. To use Chakra UI components, all you need to do is install the chakra-ui/react package and its peer dependencies. Works with Next.js RSC. Component system for building SaaS products with speed. Fully customizable with typography, tokens, and component “recipes”. -
23
agent heroes
Generate, animate and schedule your AI characters
...The project emphasizes multi-agent systems where different agents are assigned roles, responsibilities, and tools, allowing them to interact and coordinate toward a shared objective. It provides abstractions for defining agent behavior, communication patterns, and task execution pipelines, enabling developers to build systems that go beyond simple prompt-response interactions. The framework is designed to integrate with modern large language models and external APIs, allowing agents to access tools, retrieve data, and perform actions dynamically. It also supports modular design, making it possible to extend agent capabilities or swap components without redesigning the entire system. agentheroes is particularly useful for automation, workflow orchestration, and experimentation with collaborative AI systems. -
24
Cinny
Yet another matrix client
Cinny is an open-source Matrix client that focuses on delivering a simple, elegant, and secure instant messaging experience built on decentralized communication technology. As a web-based Matrix client, Cinny emphasizes a modern and streamlined interface, clean navigation between direct messages and channels, and a design that prioritizes clarity and ease of use while preserving strong security through end-to-end encryption. Users can self-host Cinny, deploy it via Docker or as a static web app, and connect to Matrix homeservers to participate in federated chats across communities and personal networks. The client also supports common Matrix features such as spaces, multi-account login, threads, and secure messaging patterns that make it competitive with other decentralized IM platforms. -
25
Bulletproof React
A simple, scalable, and powerful architecture for building production
Bulletproof React is a best-practice template and architectural guideline for building scalable, maintainable, and production-ready React applications. It provides a well-structured project setup that emphasizes separation of concerns, modular design, and consistent coding standards. The project incorporates modern development patterns, including state management strategies, API integration, and testing frameworks, ensuring that applications are robust and easy to maintain. It also includes guidelines for organizing codebases, making it easier for teams to collaborate and scale projects over time. ...
