Single Item Detail
The full record view for one object, carrying its status, attributes, history and destructive actions.
Content & Data Views · 7 checks · 51 resources
Before you ship
7- 01Clear title or identifier — the name, ID or primary label shown prominently at the top
- 02Status indicator — a clear signal of the item's current state (active, pending, completed, archived), not conveyed by colour alone
- 03Key details section — the most important attributes surfaced prominently, with secondary details below or in a sidebar
- 04Edit action — a clear way to modify the item's details, either inline or via an edit mode
- 05Related items or activity — associated records, linked content, or a history of who changed what and when
- 06Breadcrumb or back navigation — a way to return to the list or parent context
- 07Destructive actions — delete or archive options, kept visually separate from the primary actions
Resources that help you build this
51- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Kumo · Cloudflare's production React library: 44 components on Base UI + Tailwind v4, MIT
- HeroUI Pro · Paid React + React Native components, 6 templates, MCP server and agent skills
- Kibo UI · shadcn registry of 41 complex components: Gantt, Kanban, editor, sandbox, cropper
- mapcn · Theme-aware MapLibre map components installed through the shadcn CLI
- Material Design 3 · Google's open design system: 39 components, tokens, and Compose/Web code
- Mobbin · Searchable library of real mobile and web app screens, organized into user flows
- MUI · React component suite: Material UI, MUI X data grid, charts and date pickers
- Plate · Slate-based rich-text editor framework with 86 shadcn-installable editor components
- ReUI · 1,052 free shadcn components, 502 pro blocks, 10 templates, hosted MCP
- shadcn/ui · 64 copy-in React components on Radix + Tailwind, installed by CLI
- shadcn/ui (GitHub) · Source monorepo for shadcn/ui: components, CLI, registry schema, skills
- ToyFight · Manchester design studio; 47 case studies for Twitch, KFC, GSAP
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP server
- Ant Design · 73-component React library and design language for enterprise back-office apps
- Are.na · Fifteen years of channel-based research collection, with a documented v3 API and a public OpenAPI spec
- Atlassian Design System · Atlaskit: 59 Apache-2.0 React components behind Jira, Confluence and Bitbucket
- BMW DESIGN.md · A 544-line DESIGN.md token spec of bmw.com you drop in for a coding agent to follow
- Carbon Design System · IBM's open-source design system: 44 documented components across five frameworks
- Chema Mendez (mendezmendez) · Portfolio of a Spain-based collage artist compositing old paintings, 3D and AI output
- Effective HTML · Six agent skills plus 32 worked HTML artifacts for wireframes, prototypes, and plans
- Extend UI · shadcn registry of PDF, DOCX, XLSX and CSV viewers with bounding-box citations
- Fluent 2 · Microsoft's design system: 47 web components plus Windows, iOS and Android kits
- gluestack-ui · CLI-installed React Native component library built on NativeWind and Tailwind v4
- GoodUI · 75 UI ideas and 141 patterns backed by 639 replicated A/B tests
- Hover States · A written archive of web interaction detail, one entry at a time, running without a break since 2012
- Kibo UI · shadcn registry of 41 hard components shadcn/ui does not ship, plus 28 blocks
- Pierre Diffs · React diff renderer on Shiki with split/unified layouts, inline edits and comments
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-code
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime license
- shadcncraft · Paid shadcn/ui registry plus a 1:1 Figma kit, 8 styles across Radix and Base UI
- Shark UI · 86 shadcn-style components built on Ark UI, installed through the shadcn CLI
- Shopify Polaris · Shopify's admin design system, now shipped as framework-agnostic web components
- Tamagui · Universal React styling engine, optimizing compiler and ~48 components for web and native
- tldraw · A collaborative whiteboard and the SDK behind it, at 50,000 stars, with a 21 KB llms.txt covering every feature
- Watermelon UI Dashboards · Nine full React admin dashboards installed through the shadcn CLI from a public registry
- ColorHub · 150 six-colour palettes previewed on real layouts, plus 7 paid Next.js kits
- Homely Real Estate Template · $29 Next.js 15 + shadcn real estate site with listings and detail pages
- loadmo.re · A mobile-only web design archive of alternative sites, cut by about 25 tags from Brutalist to Net.Art
- Manifest UI · 39 MIT shadcn blocks sized for ChatGPT Apps and MCP app surfaces
- Page Flows · Screen recordings of real user flows from shipped iOS, Android, web, and email apps
- Park UI · 59 styled Ark UI components delivered by CLI, themed with Panda CSS
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiring
- Primer · GitHub's design system: 62 React components, Octicons and design tokens
- Savee · Ad-free visual bookmarking for designers, with extensions, a Figma plugin and boards
- useLayouts · 26 Motion-driven micro-interaction components installable via the shadcn CLI
- Behance · Adobe's portfolio platform: long-form creative case studies, no public API since shutdown
- Dribbble · The shot feed: cropped UI and branding visuals, browsable but unreadable and unlicensed
- Shadix UI · 14 motion-heavy shadcn add-ons: signature pad, datetime picker, reorder list