merge (index.js)

styled-system · score 10.0 · ui
Merges style objects into theme-resolved output via assign, handles nested parsers for design-system style merging.

Global CSS Styles (src/global-css.ts)

chakra-ui · score 9.9 · ui, UI / Frontend, global-css, css-variables, design-system
Defines global CSS variables and base styles for the design system, including ring utilities and default font settings.

Design Token Hook (styled-system/use-token.ts)

chakra-ui · score 9.9 · ui, UI / Frontend, hook, token, theme
React hook to retrieve theme token values by category and name(s) from Chakra context.

Recipe Props Provider (styled-system/recipe-props.tsx)

chakra-ui · score 9.9 · ui, UI / Frontend, react, context, styled-system
Provides recipe configuration via React context to descendant components, enabling shared styling recipes.

Overlay Management Hook (hooks/use-overlay.tsx)

chakra-ui · score 9.9 · ui, UI / Frontend, hook, overlay, state
React hook that creates overlay components with open state handling, callbacks, and optional return values.

Slot Variant Recipe Builder (styled-system/sva.ts)

chakra-ui · score 9.9 · ui, UI / Frontend, theming, variant, styled-system
Utility functions to generate slot‑based variant recipes for Chakra's styled‑system theming.

Chakra Provider Wrapper (ui/provider.tsx)

chakra-ui · score 9.9 · ui, UI / Frontend, chakra, provider, color-mode
Combines ChakraProvider with a custom ColorModeProvider to set up theming and color mode context.

CSS Variable Helper (styled-system/css-var.ts)

chakra-ui · score 9.9 · ui, UI / Frontend, css, variable, styled-system
Generates escaped, dash‑cased CSS variable names and reference strings with optional fallback and prefix support.

NewRegistry (registry.go)

agent-orchestrator · score 9.8 · ui, ui-registry, capability-mapping, deterministic-iteration, frontend-handlers
Constructs a registry mapping UI capabilities to frontend handlers, sorted for deterministic iteration.

color (index.js)

styled-system · score 9.7 · ui
Exports color styling utilities mapping color, backgroundColor, and opacity properties to CSS using a color scale from styled-system.

typography (index.js)

styled-system · score 9.7 · ui
Exports styled-system typography utilities for font properties including size, weight, family, line height, and letter spacing.

Circle X Icon (icons/circle-x.tsx)

giselle · score 9.7 · ui, UI / Frontend, react, svg, icon
React component displaying a circle with an X, suitable for close or error actions in UI elements.

ModelConfigSpec (agentbase.go)

agent-orchestrator · score 9.7 · ui, agent-config-defaults, agent-base-config, config-propagation, adapter-port
Package agentbase supplies the defaults an agent adapter would otherwise hand-copy. Most adapters implement several ports.Agent methods identically: no config keys, prompt delivere

DatePicker (index.tsx)

react-datepicker · score 9.6 · ui, date-picker, calendar-component, input-cloning, class-combining
UI calendar/date picker component. Renders from input, combines class names, clones element.

Environment (templating.py)

flask · score 9.6 · database, jinja2-env, template-rendering, template-engine, ui
Env (database): Flask⋅interface→Environment (t=jinja2?

App.tsx

openbrowserclaw · score 9.6 · ui, react-entry-point, app-shell, component-composition
App.tsx is the React UI entry point for OpenBrowserClaw, providing the application shell and top-level component structure.

screenToGrid (inputGeometry.ts)

openclaw-pixel-agents · score 9.6 · input-geometry, screen-to-grid, touch-distance, coordinate-mapping, ui
Maps screen touch coordinates to grid cells; computes distances/clamps for UI input in game geometry.

ThemeToggle.tsx

openbrowserclaw · score 9.5 · ui, theme-switching, light-dark-mode
ThemeToggle.tsx: UI component for frontend provides theme toggle, managing light/dark mode switch, adjusts UI styling, integrates for quick theme switching.

Animate.tsx

slidemason · score 9.4 · ui, framer-motion, animation-primitive
UI animation primitive wrapping framer-motion.

Route (routes/__root.tsx)

workers-sdk · score 9.4 · ui, UI / Frontend
Module exposing: Route, RootLayout

StudioTableExplorerTab (Tabs/TableExplorer.tsx)

workers-sdk · score 9.4 · ui, UI / Frontend
Module exposing: StudioTableExplorerTab

classNames.ts

bolt.new · score 9.4 · ui
Copyright (c) 2018 Jed Watson. Licensed under the MIT License (MIT), see: @link http://jedwatson.github.io/classnames /

applyAgentSnapshot (agentSnapshots.ts)

openclaw-pixel-agents · score 9.4 · ui
Atomically applies agent state snapshots, preserving previous state on upstream failures to prevent UI flickering.

Code Syntax Highlighter (lib/highlight-code.ts)

chakra-ui · score 9.3 · ui, UI / Frontend, syntax-highlighting, code, async
Asynchronously converts source code to highlighted HTML using a configurable language and theme.

Click CLI Framework

click · score 9.3 · ui, cli-framework, decorator-based, subcommand-support, help-generation
The core Click library providing decorators and classes for building composable command line interfaces with automatic help generation and subcommand support.

setup (applications)

fastapi · score 9.3 · dev-tools, openapi-setup, swagger-ui, redoc, ui
Configures and adds routes for OpenAPI schema, Swagger UI, and ReDoc endpoints, dynamically adjusting server URLs based on request root path.

create_app (_app.py)

agentscope · score 9.3 · ai, flask-app, app-factory, secret-key, ui
Factory function that builds and configures a Flask app for AgentScope, including secret key generation.

Room3D.tsx

diorama-builder · score 9.3 · ai, 3d-rendering, scene-graph, viewport, ui
Renders 3D scene component "game" = "frontend" "room" "objects"di "space graph", "displayed via 1. Perhaps a "3D" main score 0.

createSlot (slot)

primitives · score 9.2 · ui, react-composition, slot-pattern, prop-merging
Factory returning a Slot component that merges props and refs onto a single slottable child, enabling Radix-style composition.

createContextScope (create-context)

primitives · score 9.2 · ui, react-context, scope-isolation, context-provider
Creates a scoped React context system, returning a context provider/hook pair and a scope composer to isolate context instances and avoid collisions.

useControllableState (use-controllable-state)

primitives · score 9.2 · ui, controlled-state, react-hook, state-management
Manages state that can be either controlled by a prop or uncontrolled internally, warning on mode switches.

ChatPage.tsx

openbrowserclaw · score 9.2 · ui, chat-interface, message-rendering
Renders chat interface.

shadcn.ts

llamacoder · score 9.2 · ui, tailwind, class-merging, conditional-styling, cn-utility
Merges Tailwind CSS classes with clsx and tailwind-merge for conditional styling.

FormItem (form.tsx)

fire-enrich · score 9.1 · ui, form-binding, shadcn-ui, react-component
Shadcn-style form field wrapper; binds label, input, error to ui state.

props (index.js)

styled-system · score 9.1 · ui
Memoized props filter: decides which React props forward to styled components.

Link Style Recipe (recipes/link.ts)

chakra-ui · score 9.1 · ui, UI / Frontend, link, style, recipe
Panda preset recipe defining accessible link styles with underline and plain variants.

Link Style Recipe (recipes/link.ts)

chakra-ui · score 9.1 · ui, UI / Frontend, style, recipe, theme
Defines base styles and variant recipes for Chakra Link component, enabling consistent theming.

Close Icon Button (ui/close-button.jsx)

chakra-ui · score 9.1 · ui, UI / Frontend, react, chakra-ui, button
A reusable ghost icon button that defaults to an X icon, with optional custom children, for closing dialogs or panels.

portal.tsx

react-datepicker · score 9.1 · ui, react-portal, dom-mounting
Renders React portal children into external DOM node, enabling UI components beyond root hierarchy.

Tags Input Component Namespace (tags-input/namespace.ts)

chakra-ui · score 9.1 · ui, UI / Frontend, tags-input, component, react
Aggregates and re‑exports TagsInput component parts, context, and types for easy consumption in the Chakra UI React ecosystem.

Collapsible Component (collapsible/index.ts)

chakra-ui · score 9.1 · ui, UI / Frontend, collapsible, accordion, react
Provides collapsible UI primitives, context, and hooks for building expandable sections and accordions in React.

Hover Card Slot Recipe (recipes/hover-card.ts)

chakra-ui · score 9.1 · ui, UI / Frontend, chakra, hover-card, theming
Provides styling slots and size variants for Chakra's hover card component with animation states.

pagination.tsx

fire-enrich · score 9.1 · ui, pagination, navigation
UI pagination controls: prev/next chevrons, page numbers, MoreHorizontal ellipsis, React-based.

Size Tokens (tokens/sizes.ts)

chakra-ui · score 9.1 · ui, UI / Frontend, design-system, tokens, sizes
Design system tokens for large, named, and fractional sizes used throughout Chakra UI themes.

command.tsx

fire-enrich · score 9.1 · ui, command-palette, react-component, shadcn-ui
React client component.

Loader with Spinner (loader/loader.tsx)

chakra-ui · score 9.1 · ui, UI / Frontend, react, loader, spinner
Displays a loading spinner with optional text and placement; hides children when not visible, customizable via props.

MarkdownGenerationStrategy (markdown_generation_strategy.py)

crawl4ai · score 9.1 · ui
Generates Markdown from HTML using formatting rules and URL-joining strategies.

Rating Group Namespace (rating-group/namespace.ts)

chakra-ui · score 9.1 · ui, UI / Frontend, react, typescript, rating
Re-exports RatingGroup components and TypeScript types for convenient imports in React applications.

popover.tsx

fire-enrich · score 9.1 · ui, popover, radix-ui, accessibility
Renders accessible popover overlay via Radix primitive, customizable trigger/content for UI overlays.

Progress Circle Component Export (progress-circle/namespace.ts)

chakra-ui · score 9.1 · ui, UI / Frontend, react, progress-circle, component
Exports ProgressCircle parts and prop types for circular progress indicators in UI applications.