Search Results for "design patterns"
Sort By:
Showing 31 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.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
1
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. ... -
2
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... -
3
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. -
4
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. -
Earn up to 16% annual interest with Nexo.Generate interest, access liquidity without selling, and execute trades seamlessly. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
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. -
6
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. ... -
7
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. -
8
E-commerce Complete Flutter UI
The FlutterShop template makes it easier to develop an e-commerce app
...It includes layouts for onboarding, product listings, categories, detailed product pages, carts, checkout flows, and user profile sections. The UI follows clean, professional design patterns with attention to consistent spacing, typography, and component reuse. Interactive elements like carousels, tabs, and responsive grids are integrated to simulate real-world app behavior. Though it doesn’t implement backend functionality, the structure allows developers to easily plug in APIs or Firebase for a production-ready app. ... -
9
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. -
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.
-
10
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. -
11
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. -
12
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. ... -
13
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. ... -
14
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... -
15
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... -
16
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... -
17
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. ... -
18
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. -
19
XUI
A simple and elegant Android native UI framework
XUI is a lightweight Android native UI framework that provides a comprehensive set of components and design styles to simplify mobile interface development. It aims to reduce the complexity of building Android UIs by offering a unified and consistent design system with ready-to-use components. The library includes a wide range of UI elements such as buttons, text inputs, dialogs, pickers, navigation bars, and more, covering most common development needs. It is designed to be easy to... -
20
Flutter UI Nice
More than 130+ pages in this beautiful app
...It includes sample implementations of login screens, shopping flows, media apps, dashboards, and social layouts. The goal is to give developers a reference for how to achieve common UI patterns using Flutter widgets and theming. Each example is designed to be clean, responsive, and easy to adapt into production codebases. The repository is particularly helpful for beginners who want hands-on guidance on structuring real screens instead of only isolated widgets. It serves as both a design gallery and a practical teaching tool, showing how Flutter can mimic polished, industry-level designs. -
21
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. ... -
22
Food Truck
SwiftUI sample code from WWDC22
Sample Food Truck is a comprehensive Swift sample app that demonstrates modern Apple platform patterns across data modeling, UI, and system integrations. It showcases SwiftUI-first architecture with navigation, lists, detail flows, and state management suitable for iPhone, iPad, and Mac. The project models a small business scenario—menus, orders, inventory, and analytics—so you can see realistic domain logic rather than a toy counter. It integrates with platform frameworks like Charts,... -
23
Ant Design Vue Pro
Use Ant Design Vue like a Pro!
Ant Design Pro is a production-ready solution for admin interfaces. Built on the design principles developed by Ant Design, this project introduces higher-level components; we have developed templates, components, and a corresponding design kit to improve the user and development experience for admin interfaces. Out-of-the-box mid-stage front-end/design solutions. Carefully designed based on Ant Design system. Extracted from typical pages and scenarios of middle and background applications.... -
24
Flutter Dojo
A beautiful design and useful project
Flutter Dojo is an educational and practical Flutter UI project that provides a large collection of demo screens, layouts, and component examples designed to help developers learn and experiment with Flutter’s capabilities. Rather than being a traditional component library, it acts as a showcase and playground where developers can explore different UI patterns, animations, and design implementations within a single project. The repository includes numerous real-world interface examples, allowing developers to study how complex layouts and interactions are structured in Flutter applications. It is particularly useful for beginners and intermediate developers who want to improve their understanding of Flutter widgets, layout systems, and state management concepts. ... -
25
React-WeUI
WeUI Components build with React
...Because of its heritage, React-WeUI is especially relevant for mobile web experiences, lightweight app-like pages, and products targeting users familiar with WeChat-inspired interaction patterns.
