Results for “dynamic-components”

A component for dynamically adding and removing tags with customizable input and trigger elements

Create or review Blazor components (.razor files) with correct architecture, covering parameters, EventCallback, RenderFragment, lifecycle, async patterns, disposal, and CSS isolation.

Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.

Build a single renderable HyperFrames composition using HTML with data-* timing attributes, clips, tracks, sub-compositions, variables, and deterministic rendering rules.

Identify render hotspots, isolate expensive updates, and apply targeted React optimizations without changing UI behavior.

Skeleton component for displaying loading placeholders. Invoke when user needs to show content loading states with animated placeholders in Naive UI.

Descriptions component for displaying key-value pairs in a structured layout. Invoke when user needs to display item details, configuration info, or form-like read-only data in Naive UI.

frontend-components

Builds fast, standard-compliant web components with Lit, reactive properties, and Shadow DOM. Use for framework-agnostic UI.

Carousel component for displaying rotating content like images, banners, or cards. Invoke when user needs to implement image sliders, content carousels, or card-based navigation in Naive UI.

Image component for displaying images with preview, lazy loading, and error handling. Invoke when user needs to implement image display, image preview, image gallery, or customize image appearance in Naive UI.

Menu component for navigation and actions. Invoke when user needs to implement navigation menus, sidebars, dropdown menus, or hierarchical navigation in Naive UI.

Use Expo DOM components to run web code in a webview on native and as-is on web, enabling incremental migration of web code to native.

Modal component for displaying dialog boxes and content overlays. Invoke when user needs to implement modal dialogs, confirmations, or floating panels in Naive UI.

Countdown component for displaying time countdown. Invoke when user needs to implement countdown timers, deadlines, or time-based displays in Naive UI.

Use when writing or editing a React component. Covers preferred patterns for functional components, prop types, and styling.

Statistic component for displaying statistical values with labels, prefixes, and suffixes. Invoke when user needs to implement statistics displays, metrics dashboards, or data summaries in Naive UI.

Use when the team needs reusable UI component patterns, component responsibilities, states, props, and interaction behavior for React, Next.js, or Tailwind-based interfaces. Trigger on requests to design a component system or define a component before coding it.

Container/presentational component split — "smart" containers connect to the store, fetch data, and orchestrate loading/error/empty states; "dumb" children just render props. Use when extracting data logic from views, introducing custom hooks, or reviewing `*Container` components.

Converts Stitch designs into modular Vite and React components, using MCP networking and AST-based validation to ensure code quality.

Share state between Blazor components across render mode boundaries using cascading values, scoped services with change events, or CascadingValueSource via DI.

Plan complex Blazor UI features by decomposing them into focused, composable components with clear data flow and implementation order.

Headless UI Styling

Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

Dropdown component for displaying contextual menus and action lists. Invoke when user needs to implement dropdown menus, context menus, or cascading selections in Naive UI.

Run web code in a webview on native platforms and as-is on web using Expo DOM components, enabling incremental migration of web code to native.

Crea componentes React escalables con TypeScript, hooks y patrones de composición, cubriendo estados de carga, vacío, error y éxito, y decidiendo entre Server y Client Components.

Divider component for separating content sections. Invoke when user needs to implement horizontal or vertical dividers with optional titles in Naive UI.

Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.

Empty component for displaying empty states. Invoke when user needs to show empty data states, no results, or placeholder content in Naive UI.

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

Build complex, interactive animations in React/Next.js including drag-and-drop, gestures, text animations, SVG path drawing, custom hooks, and imperative sequences.

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

Ant Design enterprise React UI component library reference. Covers 50+ components, Table with sorting/filtering/pagination, Form with validation and dynamic fields, theming with design tokens, dark mode, and v5 CSS-in-JS customization.