The explorer for the shadcn registry ecosystem.
[UIPKGE] Linear progress bar — determinate or indeterminate. Two visual densities (slim, default), four tones, and an optional inline percentage label.
[UIPKGE] Labeled progress bars in a SectionCard. Spell rows out inline with ProgressItem — each bar takes colorIndex to cycle through chart-1..5 colors.
[UIPKGE] Labeled progress row — item name on the left, progress bar in the middle, percent or count on the right. Use for batched task lists, file upload queues, or onboarding checklists.
[UIPKGE] Top-of-screen page-loading bar (Ã la NProgress / nuxt loading-indicator). Auto-advances while a navigation or fetch is in flight, then completes. Drop into the app shell once.
[UIPKGE] React mirror of @uipkge/progress-ring-chart — see the Vue registry item for the canonical description.
[UIPKGE] Full interactive project roadmap and deliverables surface: Gantt timeline with multi-scale zooming, work breakdown task tree, overall progress metrics, search and status/assignee filters, task detail slide-over Sheet, and Add Task modal dialog.
[UIPKGE] Side-by-side prompt variation comparison shootout with automated LLM judge scoring, win rates, and token diffs. Features benchmark test payload, side-by-side arena with latency, cost, and judge critique, plus aggregate win-rate scorecard.
[UIPKGE] AI model prompt engineering studio & parameter tuner with system instructions, user input, temperature, max tokens, top-p sliders, JSON/stream modes, and interactive response evaluation.
[UIPKGE] Building and luxury residential amenities matrix featuring categorized lifestyle zones, interactive category tabs, instant keyword search, and detailed feature cards with pool photography thumbnail.
[UIPKGE] Cadastral parcel boundaries with zoning classifications, lot acreage, and tax assessment valuation.
[UIPKGE] Zillow and Redfin style real estate property listing card featuring interactive photo carousels with 16:9 aspect ratios, price and mortgage estimation, specification pills (beds, baths, square footage, price/sqft), address, key feature tags, listing agent attribution, and direct tour scheduling acti
[UIPKGE] Inbound dock receiving workbench with PO matching, QA discrepancy logging, lot registration, and GRN generation.
[UIPKGE] QR code renderer — pass `value` and a size, get a canvas PNG or SVG. Useful for sign-in links, share URLs, and Wi-Fi credentials. Depends on the `qrcode` package.
[UIPKGE] React mirror of @uipkge/quadrant-chart — see the Vue registry item for the canonical description.
[UIPKGE] Single multi-step question component. Pass items, shortcuts, and showProgress — variants are props, not extra files.
[UIPKGE] Vertical list of clickable shortcuts in a SectionCard. Spell rows out inline with QuickActionItem — swap the anchor for your router Link when you need SPA routing.
[UIPKGE] Interactive multiple-choice exam & quiz assessment runner: 2-column test canvas with real-time countdown timer, question navigator grid with status indicators (completed, active, flagged, unanswered), syntax-highlighted code snippets, single-choice selection cards, submit confirmation modal, and com
[UIPKGE] React mirror of @uipkge/radar-chart — see the Vue registry item for the canonical description.
[UIPKGE] Single-selection group of radio inputs. Vertical or horizontal layout, optional descriptions per item, and full keyboard navigation. Pair with Form for validation messages.
[UIPKGE] LlamaIndex and LangChain style Retrieval-Augmented Generation (RAG) pipeline debugger and chunk retrieval inspector. Features 5-stage interactive DAG flow, HyDE expansion preview, hybrid dense/sparse search telemetry, cross-encoder reranking, and grounded response synthesis.
[UIPKGE] React mirror of @uipkge/range-area-chart — see the Vue registry item for the canonical description.
[UIPKGE] React mirror of @uipkge/range-bar-chart — see the Vue registry item for the canonical description.
[UIPKGE] Inline from→to calendar grid. Click two dates; the range fills between. For a form field with a trigger, use Date Picker type="range" instead. Same min/max and disabled-date support as Calendar.
[UIPKGE] Two-thumb range slider for "between X and Y" inputs — price filters, age ranges, time windows. Built on @radix-ui/react-slider with proper keyboard handling and aria-valuetext.
[UIPKGE] Cloudflare/Upstash style API rate limiting rules builder and token bucket traffic monitor with 4 health metrics cards, interactive token bucket vs sliding window simulation slider, and configured mitigation rules table with status controls and contextual action menus.
[UIPKGE] Star (or custom icon) rating control — pick a value from 1 to N. Read-only mode for displaying review averages, with half-step support.
[UIPKGE] Grid of third-party awards, each naming the awarding body, the category, and the period it covers, so a badge wall stays checkable rather than decorative.
[UIPKGE] Third-party proof strip: four review-platform cards with star rating, score out of five, review count, and a category award line, over a rating-distribution bar and a verified-reviews footnote.
[UIPKGE] Aggregate rating summary pairing a large score and partial-star row with a per-star distribution and the review count each bar represents.
[UIPKGE] React mirror of @uipkge/raw-chart — see the Vue registry item for the canonical description.
[UIPKGE] Admin record detail page: breadcrumb header with status badge and Edit / Delete actions, two-column layout with a summary card (avatar, identity, key metrics), Details / Activity tabs (labeled description-list sections and an icon timeline feed), plus a side panel with owner metadata, relative times
[UIPKGE] AI-powered applicant tracking pipeline, candidate scorecard, resume match scoring, and interview stages board.
[UIPKGE] Rewardful and Viral Loops-style customer referral program and milestone reward tracker. Features a balance summary header with available credits and referral counts, shareable link and code copy actions with quick social sharing, a 4-tier milestone stepper with dynamic progress, and a recent referra
[UIPKGE] Centered sign-up card. Name + email + password + confirm with inline mismatch warning, terms checkbox gating the submit, divider, and a 2-button SSO row (Google + GitHub). Footer links back to sign-in. Emits submit, sign-in, oauth, view-terms, view-privacy.
[UIPKGE] Live relative timestamp — "2 minutes ago", "yesterday", "in 3 days" — via Intl.RelativeTimeFormat. `display` switches the label to relative, absolute, or both. `timeZone` (IANA or `UTC`) formats the clock and tooltip; omit it for the browser local zone. `parseAs` treats naive ISO strings as local or
[UIPKGE] Drag-to-resize panel layout — horizontal or vertical splits with persistent sizes. Use for IDE-style sidebars, split views, and any layout the user should be able to reshape.
[UIPKGE] Resource library grouped into categories, each card listing its three most recent entries with kind and read time, over a link to the full archive.
[UIPKGE] Editorial resource layout pairing one featured long-read with a numbered list of further reading, each entry carrying its kind, date, and read time.
[UIPKGE] Blog and resources teaser: one featured article spanning two columns with kind badge and read time, beside a stacked list of four recent pieces, closing on a view-all link row.
[UIPKGE] Warehouse returns intake inspection station, RMA condition grading, and restock vs quarantine disposition workbench.
[UIPKGE] Self-serve e-commerce returns & exchange portal wizard: Stepper header (Find Order → Select Items → Choose Resolution → Confirm & Print Label), order lookup with email and order number, item selection list with return reasons and quantities, resolution selector (size exchange, store credit with +10%
[UIPKGE] Census and Hightouch style Reverse ETL sync manager and data activation pipeline for synchronizing Snowflake data warehouse marts to SaaS destinations (Salesforce CRM and HubSpot) with live telemetry cards, schema field mapping matrix, and sync run history log.
[UIPKGE] WYSIWYG editor wrapped around TipTap — bold/italic/links/lists/headings/blockquote/code, plus a configurable toolbar. Drop into forms where Markdown is too low-level.
[UIPKGE] Input-driven ROI estimate where team size, close days, and analyst rate drive a computed saving, with the assumptions stated beneath the figure.
[UIPKGE] Roles × permissions grid grouped by resource: checkbox cells with tri-state column headers (toggle a whole role), per-resource grant summaries, horizontal scroll for many roles, and a read-only mode. value/onValueChange mirror the full grants map; stub data covers users, billing and content.
[UIPKGE] React mirror of @uipkge/route-flow-map — see the Vue registry item for the canonical description.
[UIPKGE] Y Combinator Post-Money SAFE note valuation, conversion share price, effective discount, and cap table equity dilution simulator with interactive parameter controls and Series A financing sensitivity matrix.
[UIPKGE] Sales territory map. Region pins with quota attainment; select a territory to fly the camera.