The explorer for the shadcn registry ecosystem.
[Mischief UI] A placeholder the shape of what is coming, so the page does not jump when it arrives.
[Mischief UI] A list reordered by dragging a handle, or from the keyboard without one.
[Mischief UI] One retrieved passage: where it came from, what it said, and how well it matched.
[Mischief UI] The smallest way to say something is happening, for a control that is working.
[Mischief UI] A heading animated one character, word, or line at a time, announced as one sentence.
[Mischief UI] A card that catches a light following the pointer, across a whole grid at once.
[Mischief UI] A dot and a few words: operational, degraded, closed.
[Mischief UI] Where someone is in something with a beginning and an end.
[Mischief UI] The control that interrupts a running answer.
[Mischief UI] What the thread says after an answer ended early, keeping what it had already written.
[Mischief UI] An edge that breathes along a region while tokens land in it.
[Mischief UI] Text that arrives a piece at a time from an async source, with sentence-level announcements.
[Mischief UI] Several agents working at once, nested under whoever handed the work down.
[Mischief UI] A scrollable row of prompts to start or continue a conversation with.
[Mischief UI] A page outline that marks the section the reader is in.
[Mischief UI] An input that turns what you typed into a removable tag.
[Mischief UI] Streaming command output with stderr called out, an exit code, and scroll that follows without trapping you.
[Mischief UI] A light and dark switch that survives a reload, follows the system when asked, and stays in step across tabs.
[Mischief UI] A status row for work in progress, with a live elapsed timer and optional reasoning.
[Mischief UI] A card that leans toward the pointer as though it were a physical object.
[Mischief UI] Things that happened, in the order they happened, with each state said aloud.
[Mischief UI] How much of the context window is gone, split by what spent it.
[Mischief UI] A compact record of one tool invocation with its input and output behind a disclosure.
[Mischief UI] A recording as text, where every line is also the way back to the moment it was said.
[Mischief UI] Video with real captions, a keyboard-operable scrubber, and controls that survive full screen.
[Mischief UI] A microphone that draws what it is hearing, so a live one is told apart from a dead one at a glance.
[Mischief UI] A sandboxed frame for whatever the agent just built, with the widths to check it at.
[Mischief UI] A wireframe world with places marked on it, and the same places written out underneath.
[Trophy UI] Open source React achievement badge component with locked/unlocked states, progress rings and rarity support. Use for achievement UI design and collections. Built on shadcn/ui + Tailwind.
[Trophy UI] React achievement card with totals, featured badges, and scrollable lists for profile and progress surfaces. Fits achievement UI examples in SaaS, consumer and community products. Open source, built on shadcn/ui + Tailwind.
[Trophy UI] Responsive React achievement grid for displaying collections of badges with progress and rarity across breakpoints. Ideal achievement UI design for galleries and showcases in consumer apps. Open source, built on shadcn/ui + Tailwind.
[Trophy UI] Vertical React achievement list with icons, descriptions, and optional progress for dense achievement UI. Complements grids and cards in gamification dashboards. Open source, built on shadcn/ui + Tailwind.
[Trophy UI] Celebratory React dialog for newly unlocked achievements with headline, badge, and share actions. Use for unlock moments, level up animations and more. Built on shadcn/ui + Tailwind. Open source.
[Trophy UI]
[Trophy UI] React leaderboard component that composes title, date range, podium, and rankings—one card for competitive gamification UIs. Fits Next.js and React apps. Built on shadcn/ui + Tailwind. Open source.
[Trophy UI] Top-three React leaderboard podium with crowns, avatars, and ranks for competitive gamification. Leaderboard UI component for highlights and recap screens. Built on shadcn/ui + Tailwind. Open source.
[Trophy UI] React leaderboard rankings list—avatars, scores, bylines, and crown highlights for full tables. Open-source leaderboard UI for games, communities, and SaaS challenges. shadcn/ui + Tailwind.
[Trophy UI] React points activity feed with dated events, totals, and trigger types for gamification timelines. Useful for XP and currency ledgers in dashboards. Built on shadcn/ui + Tailwind. Open source.
[Trophy UI] Compact React points badge for totals and currency-style scores in gamification UIs. Fits XP-style displays alongside charts and lists. Built on shadcn/ui + Tailwind. Open source.
[Trophy UI] React callout for points multipliers and limited-time boosts. Supports optional countdown for near-ending gamification campaigns. Built on shadcn/ui + Tailwind. Open source.
[Trophy UI] React chart for points over time. Displays trends, campaigns, and seasonality in gamification analytics views. Complements badges and levels. Built on Recharts + shadcn/ui + Tailwind. Open source.
[Trophy UI] React levels list with optional progress bar between tiers. Built on shadcn/ui + Tailwind. Open source.
[Trophy UI] Vertical React timeline for level progression. Supports sub-levels, thresholds, and level progress for gamification roadmaps. Complements Points Levels List. Built on shadcn/ui + Tailwind. Open source.
[Trophy UI] React streak counter UI in a compact badge supporting daily, weekly, monthly or yearly streaks. Built on shadcn/ui + Tailwind. Open source.
[Trophy UI] React streak calendar for gamification—week, month, and git-style grids to visualize consistency. Native support for streak freezes. Ideal streak UI design for habit tracking and personal progress. Built on shadcn/ui and Tailwind CSS. Open source.
[Trophy UI] Full streak UI card for React. Daily streak display, longest streak record with optional section for streak rules. Built on shadcn/ui + Tailwind. Open source.
[Turbopills UI] A before/after image card with a footer badge.
[Turbopills UI] A configurable BMI indicator ring with thresholds and tooltip.