Showing 25 open source projects for "design patterns"

View related business solutions
  • MongoDB Atlas runs apps anywhere Icon
    MongoDB Atlas runs apps anywhere

    Deploy in 115+ regions with the modern database for every enterprise.

    MongoDB 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.
    Start Free
  • Earn up to 16% annual interest with Nexo. Icon
    Earn up to 16% annual interest with Nexo.

    Access competitive interest rates on your digital assets.

    Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
    Get started with Nexo.
  • 1
    Java Design Patterns Website

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    Vibe Design System

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    Fancy Components

    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.
    Downloads: 7 This Week
    Last Update:
    See Project
  • 4
    PO UI

    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.
    Downloads: 1 This Week
    Last Update:
    See Project
  • Full-stack observability with actually useful AI | Grafana Cloud Icon
    Full-stack observability with actually useful AI | Grafana Cloud

    Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

    Built 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.
    Create free account
  • 5
    Figma Code Connect

    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.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 6
    heroui-native

    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. ...
    Downloads: 4 This Week
    Last Update:
    See Project
  • 7
    react-resizable-panels

    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.
    Downloads: 6 This Week
    Last Update:
    See Project
  • 8
    zag

    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.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 9
    Bulletproof React

    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. ...
    Downloads: 2 This Week
    Last Update:
    See Project
  • Gemini 3 and 200+ AI Models on One Platform Icon
    Gemini 3 and 200+ AI Models on One Platform

    Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

    Build generative AI apps with Vertex AI. Switch between models without switching platforms.
    Start Free
  • 10
    DocSearch

    DocSearch

    The easiest way to add search to your documentation

    ...DocSearch understands how the user input fits into the context of your project and instantly presents the most relevant content with fewer interactions than any other method. With a design very close to the native experience on mobile, we leverage users acquaintance with the interaction patterns of each OS. We scrape your documentation or technical blog, configure the Algolia application and send you the snippet you'll have to integrate. It's that simple. You don't need to configure any settings or even have an Algolia account. ...
    Downloads: 11 This Week
    Last Update:
    See Project
  • 11
    ink-kit

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    Retro UI

    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.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 13
    Radix Primitives

    Radix Primitives

    Radix Primitives is an open-source UI component library

    ...Instead of shipping pre-styled components, Radix provides unstyled primitives that developers can fully customize using any styling solution, allowing complete control over appearance while relying on robust underlying logic. The library includes common UI patterns such as dialogs, dropdowns, tooltips, and accordions, all implemented with consistent APIs and predictable behavior. Its architecture exposes granular building blocks, enabling developers to compose or extend components to fit their design systems.
    Downloads: 5 This Week
    Last Update:
    See Project
  • 14
    Lobe UI

    Lobe UI

    An open-source UI component library for building AIGC web apps

    ...Lobe UI is part of a broader ecosystem that includes tools for charts, icons, and AI-related utilities, enabling developers to build complete AI products with consistent design.
    Downloads: 3 This Week
    Last Update:
    See Project
  • 15
    Angular Components

    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.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 16
    spartan

    spartan

    Cutting-edge tools powering Angular full-stack development

    ...It is structured as a monorepo that includes both a UI library and a full-stack solution, enabling developers to build complete applications with consistent tooling and design patterns. One of its defining characteristics is its inspiration from libraries like shadcn/ui, emphasizing ownership of code rather than heavy abstraction, which allows developers to fully customize and extend their components. The UI layer is built on accessible, unstyled primitives that can be enhanced with styled layers, giving teams control over both accessibility and visual design without being locked into a rigid theme. ...
    Downloads: 5 This Week
    Last Update:
    See Project
  • 17
    Kodus

    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. ...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 18
    Chakra UI

    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”.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    Ring UI

    Ring UI

    A collection of JetBrains Web UI components

    Ring-UI is a React component library created by JetBrains to provide a consistent, high-quality set of UI elements for building web applications with a polished and professional look and feel. It includes a comprehensive suite of components like buttons, dropdowns, modals, tabs, forms, tooltips, menus, and navigation elements that adhere to modern design principles and accessibility standards, making it easier for developers to deliver rich interactive experiences without reinventing core UI...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    gluestack-ui

    gluestack-ui

    React & React Native Components & Patterns

    gluestack-ui is a modern, universal UI component system designed for React, React Native, and Next.js applications, built around a modular “copy-paste” philosophy that gives developers full ownership of their code. Instead of installing a monolithic dependency, developers can selectively copy only the components they need directly into their codebase, avoiding unnecessary bloat and vendor lock-in. The library is deeply integrated with Tailwind CSS through NativeWind, allowing a consistent...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 21
    Intent UI

    Intent UI

    Intent UI is a chill set of React components

    Intent UI is a modern React component library focused on accessibility, customization, and developer ownership, built on top of React Aria Components and styled with Tailwind CSS. It follows a copy-and-paste philosophy similar to shadcn/ui, allowing developers to directly integrate and modify components within their own codebases instead of relying on rigid dependencies. The library emphasizes accessible design by leveraging ARIA standards and best practices, ensuring that components work...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 22
    Tail-Kit

    Tail-Kit

    Components and templates kit fully coded with Tailwind css 3.0

    ...Tail-kit includes a live code editor that allows developers to preview and customize components in real time, improving the development experience. It also supports dark mode out of the box, aligning with modern design trends.
    Downloads: 6 This Week
    Last Update:
    See Project
  • 23
    shadcn Taxonomy

    shadcn Taxonomy

    An open source application built using the new router

    Taxonomy is an open-source web application project built with modern JavaScript frameworks to demonstrate how a fully featured application can be implemented using the newest capabilities of Next.js and React. The project was created by the shadcn-ui ecosystem as an experiment to explore modern architecture patterns such as server components, the Next.js app router, and modular UI component design. Rather than serving as a simple template, Taxonomy acts as a real application example that includes authentication, subscription management, documentation pages, and blogging functionality. The application uses a modern development stack including TypeScript, Tailwind CSS, and UI components based on Radix UI to build accessible and responsive interfaces. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Devhints Cheatsheets

    Devhints Cheatsheets

    Cheatsheets for web development

    The Cheatsheets repository (also known as Devhints) is a massive, community-driven collection of concise cheat sheets covering web development, programming languages, frameworks, CLIs, tools, and design patterns. Each cheat sheet is a single Markdown file focusing on quick-reference usage, syntax, command lists, tips, and common patterns—ideal for when you need a fast refresher rather than full tutorial. The repository structure makes it easy to browse by topic (CSS Grid, Bash, Docker, etc.), find what you need, and contribute or update entries. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    react-widgets

    react-widgets

    Polished, feature rich, accessible form inputs built with React

    ...It also supports internationalization, allowing developers to adapt components for different locales and languages. react-widgets is highly customizable, enabling developers to style and configure components according to their application’s design system. It integrates seamlessly into modern React workflows and supports controlled and uncontrolled component patterns. Overall, react-widgets offers a robust toolkit for building user-friendly and accessible form interfaces.
    Downloads: 4 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • Next
MongoDB Logo MongoDB