Search Results for "patterns"
Sort By:
Showing 52 open source projects for "patterns"
View related business solutions-
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
1
Pattern Craft
Professional-grade background patterns and gradients
Pattern Craft is a frontend resource focused on helping developers quickly add polished visual texture to websites and applications through a curated collection of modern background patterns and gradients. The project centers on production-ready snippets that are meant to be copied directly into real interfaces rather than treated as static inspiration only. Its repository describes more than 100 patterns and gradient snippets, with an emphasis on modern CSS techniques and Tailwind-friendly implementation, which makes it especially useful for teams already building with component-based frontend stacks. ... -
2
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. ... -
3
Interface Design
Design engineering for Claude Code
...It also offers commands to inspect the current design system status, audit inconsistencies, and extract patterns back into a reusable format, making it a live feedback loop for quality UI work. -
4
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. -
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
5
PO UI
Angular component library
...It also integrates well with Angular’s architecture, ensuring compatibility with services, routing, and state management patterns. -
6
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... -
7
UI UX Pro Max
AI SKILL that provide design intelligence
...It uses an AI reasoning engine to generate complete design systems tailored to project requirements, recommending layouts, typography, colors, spacing, and component structures automatically based on natural language prompts. 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. ... -
8
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. -
9
Bubbles
TUI components for Bubble Tea
...It provides reusable UI elements that developers can combine into interactive command-line applications. The project includes components for lists, text inputs, spinners, progress displays, pagination, filtering, help views, and other common TUI patterns. Bubbles is useful because it saves developers from rebuilding basic interface behavior from scratch every time they make a terminal app. The components are designed to work with Bubble Tea’s architecture while remaining customizable for different application styles. Its main value is speeding up the creation of polished, consistent, and maintainable terminal interfaces in Go. -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
10
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. -
11
GSY Flutter Demo
Collection of independent Flutter example components
This repository is a comprehensive showcase of Flutter capabilities through a large set of demos, patterns, and best practices. It includes examples for UI layouts, animations, navigation, networking, state management, and more. The project is often used as a learning playground for developers to see practical implementations of both simple widgets and complex app structures. It demonstrates integrations with APIs, database persistence, and plugin usage, making it a real-world reference app. ... -
12
Lobe UI
An open-source UI component library for building AIGC web apps
Lobe UI is an open source UI component library specifically designed for building AI-generated content (AIGC) web applications, offering a modern toolkit tailored to chatbots, AI interfaces, and intelligent systems. It is built with React and TypeScript and integrates closely with Ant Design, allowing developers to leverage familiar component patterns while extending them for AI-centric use cases. The library includes specialized components and configurations for handling features like motion, theming, and internationalization, which are essential in dynamic AI-driven interfaces. It is optimized for modern frameworks such as Next.js and supports server-side rendering with proper configuration, making it suitable for production-grade applications. ... -
13
Appyx
Model-driven navigation + UI components with gesture control
Appyx is a modern navigation and UI framework for Jetpack Compose and Compose Multiplatform that introduces a model-driven approach to building application navigation and interactive interfaces. Unlike traditional navigation libraries that rely on predefined patterns such as back stacks, Appyx allows developers to define their own navigation models, giving them full control over how screens and UI elements transition and interact. This model-driven paradigm separates navigation logic from UI rendering, making navigation state testable, reusable, and easier to maintain in large applications. ... -
14
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. ... -
15
AG-UI
The Agent-User Interaction Protocol
AG-UI is an open, lightweight protocol for connecting AI agents to user-facing applications through a standardized event-based interface. It is designed to make agent behavior visible, interactive, and controllable inside real-time front-end experiences. Instead of treating an AI agent as a black-box chat endpoint, AG-UI defines structured events for messages, tool calls, state changes, lifecycle updates, and user interactions. This makes it easier for developers to build agent-powered apps... -
16
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. -
17
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... -
18
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... -
19
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. ... -
20
1Code
Best UI for Claude Code
1Code is a developer-centric platform that aims to unify project templates, starter kits, and common utility patterns into a cohesive, reusable ecosystem that accelerates software scaffolding and reduces repetitive setup work. Instead of manually bootstrapping similar projects from scratch, developers can choose from curated templates that include best practices for tooling, folder structure, configuration, and integrations for languages and frameworks spanning frontend, backend, and full-stack workflows. ... -
21
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. ... -
22
Claude Code Project Configuration
Comprehensive Claude Code project configuration example with hooks
Claude Code Project Configuration is a comprehensive example repository that demonstrates how to configure a real-world project to take full advantage of Claude Code’s capabilities, combining hooks, skills, agents, commands, and GitHub Actions workflows in a complete template. The showcase illustrates how to build a reusable set of domain-specific skills that encode the team’s coding patterns, conventions, and best practices so that Claude can generate code that naturally fits the project’s style out of the box. It also includes custom agents that automate tasks such as deep code review, PR reviews, or quality checks, and slash-commands that developers can invoke to kick off common operations directly from the coding environment. ... -
23
Storefront UI
A frontend library for React and Vue that helps developers quickly
...It focuses on delivering fast, accessible, and visually polished storefront interfaces, providing developers with ready-made components that align with common online shopping patterns. The library is structured to support headless commerce architectures, making it particularly valuable for teams integrating with APIs or backend platforms while maintaining full control over the frontend experience. It includes UI elements for product listings, navigation, carts, and checkout flows, allowing developers to assemble complete storefronts without starting from scratch. ... -
24
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... -
25
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.
