About ShinUI

Why

Every good designer on X ships their own component site, and every one of them is a separate tab, a separate search box and a separate mental model. This started as a README full of links and became a site so those links can be searched, filtered, previewed and attributed in one place.

How it is structured

• Resources are external sites and libraries. Each one gets a detail page with an optional inline preview of the real site, the maker's links, and an install command where one exists.
• Components are built here and render live. Their source is read off disk at build time, so the code you copy is byte-for-byte the code producing the preview above it.
• Categories cut across both, so a category page shows the live components and the external resources side by side.

Attribution

An author is listed only where the maker is publicly and unambiguously credited on the project itself. Everything else is deliberately left blank rather than guessed — a wrong byline is worse than none.

Adding a resource

The index is one typed array in src/data/resources.ts. Add an object and it appears in search, browse, its category page and the command palette with no other changes.

{
  slug: "shadcn-ui",
  name: "shadcn/ui",
  tagline: "Copy-paste components you actually own",
  description: "Not a dependency — a registry. …",
  url: "https://ui.shadcn.com/",
  category: "component-libraries",
  tags: ["registry", "accessible", "cli"],
  stack: ["React", "Tailwind", "Radix"],
  pricing: "open-source",
  authorId: "shadcn",
  featured: true,
  install: "npx shadcn@latest add button",
  addedAt: "2026-01-04",
}

Built with

Next.js App Router, Tailwind CSS v4, shadcn/ui primitives on Radix, Lucide icons and next-themes. No CMS and no database — the whole index is typed data, which means the build fails if a category slug is wrong.