Search Results for "design patterns"
Sort By:
Showing 34 open source projects for "design patterns"
View related business solutions-
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
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.
-
1
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... -
2
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... -
3
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... -
4
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... -
$300 in Free Credit Towards Top Cloud ServicesStart your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
-
5
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... -
6
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. ... -
7
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. ... -
8
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... -
9
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... -
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
10
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. ... -
11
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. -
12
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. ... -
13
JavaScript & Node.js Testing
Comprehensive and exhaustive JavaScript & Node.js testing
...It distinguishes between different kinds of tests—unit, integration, end-to-end—and shows when each is appropriate given time and risk constraints. The guide focuses on removing flakiness by isolating side effects, controlling randomness, and stabilizing async code paths. It also demonstrates test design techniques like arranging test data, using expressive assertions, and structuring test suites for readability and discoverability. Tooling agnosticism is a theme: patterns are illustrated with popular tools but written to survive framework churn. The end goal is a test suite that acts as living documentation while catching regressions quickly and deterministically. -
14
Enterprise
The Enterprise™ programming language
Enterprise is a satirical open-source project that humorously critiques corporate software development practices by presenting intentionally overengineered and unnecessarily complex code structures. Rather than aiming to solve a practical technical problem, it serves as a parody of enterprise-grade software, showcasing exaggerated patterns such as excessive abstraction, redundant layers, and convoluted architectures. The repository is often used as a teaching tool to highlight anti-patterns in software engineering, helping developers recognize and avoid overly complicated designs in real-world projects. Despite its humorous nature, the project is technically functional and demonstrates how complexity can accumulate when design principles are misapplied. ... -
15
Learning Prompt
Free prompt engineering online course
...Because prompt design is a skill under continuous iteration, the repo encourages contributions of new prompt recipes, evaluations, and domain-specific adaptations. It’s intended for educators, developers, and prompt engineers who want a living toolkit rather than static advice. Over time it serves as both a reference and playground for emergent prompt techniques. -
16
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.... -
17
vue2-manage
A admin template based on vue + element-ui
vue2-manage showcases an admin dashboard built with Vue 2, demonstrating how to design and organize a multi-section management console. It includes common admin patterns such as authentication gates, tables, charts, forms, pagination, and search to support day-to-day operations. The project emphasizes clear layout hierarchies, navigation systems, and reusable UI primitives that keep large interfaces consistent. It provides examples of CRUD workflows and data validation so teams can quickly adapt similar patterns in production systems. ... -
18
Solved by Flexbox
A showcase of problems once hard or impossible to solve with CSS
Solved by Flexbox is a collection of layout patterns that demonstrates how CSS Flexbox elegantly resolves classic web design problems. It tackles everyday challenges—vertical centering, equal-height columns, sticky footers, fluid media, and responsive grids—showing concise, production-ready CSS instead of elaborate hacks. Each pattern is presented with plain HTML, clear commentary, and minimal styling, making the underlying technique easy to adapt and extend. -
19
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. -
20
End-To-End
End-To-End is a crypto library to encrypt, decrypt, digital sign
End-to-End was a client-side encryption project that prototyped OpenPGP-compatible, end-to-end encrypted messaging in the browser. The idea was to move cryptographic operations entirely to the user’s machine—key generation, encryption, and signature—so messages remain unreadable to intermediaries. It packaged a JavaScript crypto library, UI elements, and a browser extension workflow that could integrate with webmail-style UIs without server changes. The codebase emphasized careful key... -
21
react-native-material-bottom-navigation
Beautiful, customizable and easy-to-use material design navigation
A beautiful, customizable and easy-to-use. Material Design Bottom Navigation for react-native. -
22
Effeckt.css
A Performant Transitions and Animations Library
...Each effect is isolated, documented, and demoed, allowing designers to copy just what they need rather than dragging in a monolithic framework. By standardizing names and behaviors, it helps teams keep motion design consistent across a product while remaining easy to theme. The library doubled as a learning resource during the rise of CSS animations, showing how to achieve polished interactions without heavy JavaScript. -
23
React Values
A set of tiny React components for handling state with render props
...Instead of forcing you into a specific global state system or hooks-only interface, it uses render props to keep components flexible and visible in the tree, enabling controlled and uncontrolled use cases alongside shared state patterns. The design prioritizes simplicity and familiarity, so working with values feels like using native JavaScript methods but with UI reactivity built in, helping you avoid boilerplate. -
24
Essential React
A minimal skeleton for building testable React apps using Babel
A minimal skeleton for building testable React apps using Babel. The design goals are to use fewer tools (no yeoman, gulp, bower, etc...) Babel 6 with Webpack and Hot Loader. Fast testing with mocked-out DOM. Import CSS files as class names. Separate smart and dumb components. No specific implementation of Flux or data fetching patterns. A core philosophy of this skeleton app is to keep the tooling to a minimum. -
25
asynquence
Asynchronous flow control
asynquence is a small, promise-like flow library for composing asynchronous steps into readable sequences. Instead of juggling nested callbacks, you create a chain of operations that pass values forward and route errors consistently. It supports concurrency control via “gates” and “races,” letting multiple tasks proceed and rejoin at the right moment without complex bookkeeping. The design emphasizes clarity and debuggability, keeping stack traces and error paths straightforward. Plugins...
